Skills

Two Claude Code skills I use to design in Figma. Free to copy and change.

Notifications

Email updates

Weekly summary

figma-render · click to render the next spec

figma-render

Turns a JSON layout spec into a real Figma screen. Every frame uses auto-layout and every value binds to a token in your file. Nine checks then run on the result and name any node that fails.

npx skills add selfydev/skills --skill figma-render

Subtotal£44

Delivery£4

Total£48

Pay £48

figma-verify · click a tag to fix it

figma-verify

Checks a frame against your design system after someone edits it. It names each off-token colour, radius, font and spacing value next to what it should be, then applies the fixes you approve.

npx skills add selfydev/skills --skill figma-verify

Both need Figma desktop with the figma-console MCP bridge, and Node 20. Source on GitHub.

find me on at @imsntsss, email hi@snts.im.