Design ops Design systems

Turn your design system into a Claude skill

Write a SKILL.md that tells coding agents to search your library first, bind tokens, and reuse real components instead of inventing UI.

6 steps

  1. Start with Figma's published MCP skills such as figma-use and figma-generate-library
  2. Write a SKILL.md with a clear title, when-to-use scenarios, and an ordered procedure
  3. Put the first rule first: always search the published library before creating anything new
  4. Encode token taxonomy, semantic vs primitive guidance, component naming, and do's and don'ts
  5. Add at least one concrete example of expected input and output
  6. Sit the custom skill on top of figma-use, keep skills small and composable, and document recurring gotchas