Design inside Figma the way this designer does: real variables, text styles, auto layout and components, on a fixed visual system (Tailwind type and radius scale, spacing tokens, two-layer color tokens, button and state rules). Use this skill whenever you create, edit or review anything in a Figma file through the Figma MCP: screens, landing pages, components, mockups, design systems, tokens, or any UI. Use it even when the user doesn't name the skill and only says things like 'design a page in
Install
KitScout test notes
Not tested by KitScout yet. When our harness runs it, pros, cons and the tasks we tried appear here, with the date and evidence.
Similar tools
algorithmic-art193,970 ★ Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this wh
brand-guidelines193,970 ★ Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having
canvas-design193,970 ★ Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when
theme-factory193,970 ★ Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing page
design-is116,728 ★ Audit a design against Dieter Rams' ten "Good design is..." principles, then hand off a /make-plan prompt for