By Figma · Official skill
Guide your agent through programmatic Figma file work using the official MCP server's Plugin API tools. The skill covers sessions, file context, variables, components, layout, and the linked API references. Use it when inspecting or editing a design programmatically, providing the file, target nodes, design-system constraints, and the result to verify.
By 21st.dev · Official
Give your agent a reusable workflow for reviewing and improving interface work with 21st.dev.
By Figma · Official
Help your agent create and maintain Code Connect templates that map published Figma components to implementation snippets. The skill covers the required template format, prerequisites, and the official MCP workflow. Use it when connecting a design system to code, supplying the component URLs, repository, framework, and the usage examples designers and developers should see.