frame
SolidExtracting and structuring design context from Figma via MCP Server for downstream implementation agents. Use for Figma-to-code bridging or Code Connect management.
Install
Quality Score: 84/100
Skill Content
Details
- Author
- simota
- Repository
- simota/agent-skills
- Created
- 8 months ago
- Last Updated
- 1 weeks ago
- Language
- HTML
- License
- MIT
Integrates with
Similar Skills
Semantically similar based on skill content — not just same category
figma-design-workflow
Use the official Figma MCP as design context and design-system authority for design-to-code, code-to-Figma, component mapping, variables, assets, and collaborative visual iteration.
figma
Use the Figma MCP server to fetch design context, screenshots, variables, and assets, and to translate Figma nodes into production code. Trigger when a task involves Figma URLs, node IDs, design-to-code implementation, or Figma MCP setup and troubleshooting.
figma-to-code-workflow
Figma-to-code conversion workflow using MCP servers. Extract design tokens, map Figma components to code, maintain design fidelity, and use icon library MCP servers (Lucide, Iconify, Icons8). Use when implementing designs from Figma, setting up Figma MCP server, extracting design tokens, finding icons, or maintaining design-code consistency.