Figma and Design Tools skills for Claude Code and Codex
Skills that read and write Figma files through the Figma MCP server, connect components to code, and work in Penpot, Google Stitch and Adobe Illustrator.
Highest-scoring Figma and design tool skills in the October 22, 2026 snapshot: anydesign from avelikiy/great_cto (84/100). Scores come from the Suede Skill Check.
- 14 listed skills
- 5 repositories
- 1 with full pages
13 from official publishers. 6 bundle scripts. 1 connect to an outside service. Listed in Frontend and Design (13), Testing and QA (1).
All 14 Figma and design tool skills
No matching skills. Try fewer words or clear your search.
| Skill | Repository | What it does |
|---|---|---|
| anydesign 84/100 · B | avelikiy/great_cto | Analyzes images, websites, and Figma files to extract their design and generate a design.md with a token system, component inventory, and reconstruction notes. |
| adobe-illustrator-scripting 71/100 · C | github/awesome-copilot | Write, debug, and optimize Adobe Illustrator automation scripts using ExtendScript (JavaScript/JSX). Use when creating or modifying scripts that… |
| design-md 65/100 · D | google-labs-code/stitch-skills | Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files |
| figma 79/100 · C | heygen-com/hyperframes | Import Figma content into a HyperFrames composition — rendered assets, brand tokens, components, storyboard sections → reconstructed motion (frames… |
| figma 74/100 · C | openai/skills | Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code… |
| figma-code-connect-components 82/100 · B | openai/skills | Connects Figma design components to code components using Code Connect mapping tools. Use when user says "code connect", "connect this component to… |
| figma-create-design-system-rules 74/100 · C | openai/skills | Generates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate rules for my project", "set… |
| figma-create-new-file 71/100 · C | openai/skills | Create a new blank Figma file. Use when the user wants to create a new Figma design or FigJam file, or when you need a new file before calling… |
| figma-generate-design 75/100 · C | openai/skills | Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers… |
| figma-generate-library 79/100 · C | openai/skills | Build or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables/tokens, build component… |
| figma-implement-design 77/100 · C | openai/skills | Translates Figma designs into production-ready application code with 1:1 visual fidelity. Use when implementing UI code from Figma files, when user… |
| figma-use 77/100 · C | openai/skills | **MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call. NEVER call `use_figma` directly without loading this… |
| penpot-uiux-design 81/100 · B | github/awesome-copilot | Comprehensive guide for creating professional UI/UX designs in Penpot using MCP tools. Use this skill when: (1) Creating new UI/UX designs for web… |
| taste-design 69/100 · D | google-labs-code/stitch-skills | Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict… |
How to choose Figma and design tool skills
OpenAI's Figma set is the core: one prerequisite skill plus task skills for new files, generated designs, libraries and implementation. Load them together and connect the Figma MCP server first.
For an open-source tool, the Penpot skill works through its own MCP tools.
Stitch skills turn Stitch projects into DESIGN.md systems; the Illustrator skill writes ExtendScript automation.
Related topics
Find your next useful skill
Explore Rising Skills with quality scores and source reports, or search from inside your agent.
Get Rising Skills by email · Read Rising Skills · Install the finder · State of Agent Skills