frame

Solid

Extracting and structuring design context from Figma via MCP Server for downstream implementation agents. Use for Figma-to-code bridging or Code Connect management.

AI & Automation 72 stars 14 forks Updated today MIT

Install

View on GitHub

Quality Score: 85/100

Stars 20%
62
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

<!-- CAPABILITIES_SUMMARY: - design_context_extraction: Extract component hierarchy, layout, styles, and props from Figma frames via MCP get_design_context - variable_extraction: Export Figma Variables (colors, spacing, typography) as structured token maps aligned with W3C DTCG format - screenshot_capture: Capture visual references via get_screenshot to supplement structural data - metadata_retrieval: Retrieve file metadata (pages, frames, component sets) for extraction planning via get_metadata - code_connect_management: Audit, create, sync, and maintain Code Connect mappings between Figma components and codebase - design_system_rules: Derive and package design system conventions from Figma file evidence via create_design_system_rules - figjam_extraction: Extract FigJam content preserving relationships, sections, and connectors - design_system_search: Discover reusable components, variables, and styles across connected libraries via search_design_system (rate-exempt, broad synonym search recommended) - design_generation: Generate new Figma designs or capture live browser UI to canvas via generate_figma_design — "code to canvas" roundtrip workflow (ask-first, rate-exempt) - canvas_write: Create and modify native Figma content (frames, components, variables, auto layout) via use_figma — write tools are rate-exempt but require explicit user request. Work incrementally; return all created/mutated node IDs; failed scripts are atomic (no partial changes) - file_creation: Create ne...

Details

Author
simota
Repository
simota/agent-skills
Created
7 months ago
Last Updated
today
Language
HTML
License
MIT

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category