figma
An MCP server to fetch Figma design context, screenshots, and assets for AI-driven frontend implementation.
Install
npx skills add https://github.com/openai/skills --skill figmaStats
| Total installs | 1,181 |
| Weekly installs | 1.2K |
| GitHub stars | 15.5K |
| First seen | Feb 2, 2026 |
| Source | @openai/skills |
Summary
- Provides three core commands: get_design_context for structured node representation, get_screenshot for visual reference, and asset download via localhost endpoints
- Requires a mandatory workflow: fetch design context, retrieve screenshot, download assets, then implement using project conventions and design tokens
- Outputs React + Tailwind as a design representation; implementation must reuse existing project components, color systems, and typography instead of duplicating Figma output verbatim
- Link-based operation: extract node IDs from Figma URLs to fetch specific frames, layers, or variants; validate final UI against Figma for 1:1 visual and behavioral parity
Tags
Related skills
| Skill | Installs | vs figma |
|---|---|---|
| angular-architect | 1,157 | -24 |
| gsap-react | 1,255 | +74 |
| tailwindcss-animations | 1,224 | +43 |
| flutter-adaptive-ui | 1,297 | +116 |
| shadertoy | 1,243 | +62 |
FAQ
- How many installs does figma have?
- figma has 1,181 total installs and 1.2K installs this week.
- Where is figma hosted?
- figma is published by @openai/skills at https://github.com/openai/skills.
- How many GitHub stars does figma have?
- figma has 15.5K GitHub stars.
- When was figma first indexed?
- OrangeBot.AI first indexed figma on Feb 2, 2026.
- How do I install figma?
- Run: npx skills add https://github.com/openai/skills --skill figma