HTML to Figma — Design System
Bridges Claude to your Figma design system to generate production-ready screens from prompts or HTML. Runs a local bridge and plugin that scans your enabled Figma libraries, extracts components and variables, then builds canvas output with real component instances, variable bindings, and auto-layout. Learns patterns across builds and enforces design rules you correct it on. After each build it audits what was used versus what had to be built as primitives, surfacing coverage gaps with evidence. Works with any Figma library: team systems, community kits, or client files. Output is the deliverable, not a prototype you rebuild. Requires Node 20.6+, Figma desktop, and Professional plan or above.
- GitHub stars
- 3
- tools
- 26
- transport
- STDIO
- last updated
- Apr 11, 2026
Tools
26 toolsPublic tool metadata for what this MCP can expose to an agent.
mimic_statusStatus and learning: status tool.
Status and learning: status tool.
No parameter schema in public metadata yet.
mimic_discover_ds
No parameter schema in public metadata yet.
mimic_ai_knowledge_read
No parameter schema in public metadata yet.
mimic_ai_knowledge_write
No parameter schema in public metadata yet.
mimic_generate_build_report
No parameter schema in public metadata yet.
mimic_ds_assetsDS setup: discover, preload, or set defaults for design system assets.
DS setup: discover, preload, or set defaults for design system assets.
No parameter schema in public metadata yet.
figma_list_dsDS setup: lists text styles, fill styles, or variables.
DS setup: lists text styles, fill styles, or variables.
No parameter schema in public metadata yet.
mimic_map_components
No parameter schema in public metadata yet.
figma_create_frame
No parameter schema in public metadata yet.
figma_create_text
No parameter schema in public metadata yet.
figma_create_shapeCreates a rectangle or ellipse.
Creates a rectangle or ellipse.
No parameter schema in public metadata yet.
figma_create_svg
No parameter schema in public metadata yet.
figma_insert_component
No parameter schema in public metadata yet.
mimic_build_table
No parameter schema in public metadata yet.
mimic_build_chart
No parameter schema in public metadata yet.
figma_component_textSets text on a component with single or batch overrides.
Sets text on a component with single or batch overrides.
No parameter schema in public metadata yet.
figma_set_variant
No parameter schema in public metadata yet.
figma_swap_main_componentSwaps or replaces the main component.
Swaps or replaces the main component.
No parameter schema in public metadata yet.
figma_manage_slotFills or resets a slot.
Fills or resets a slot.
No parameter schema in public metadata yet.
figma_update_nodeEdits a node: text, text_style, fill, layout, visibility, position, restyle, move, select, or page.
Edits a node: text, text_style, fill, layout, visibility, position, restyle, move, select, or page.
No parameter schema in public metadata yet.
figma_variable_modes
No parameter schema in public metadata yet.
figma_delete_node
No parameter schema in public metadata yet.
figma_inspectInspects a node, children, parent, text, pages, page, selection, variants, or section.
Inspects a node, children, parent, text, pages, page, selection, variants, or section.
No parameter schema in public metadata yet.
figma_validate_ds_compliance
No parameter schema in public metadata yet.
mimic_pipeline_resolve
No parameter schema in public metadata yet.
mimic_compute_chart
No parameter schema in public metadata yet.
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageReadme
Mimic AI
Transforms HTML into Figma using only your design system, enforcing correct component usage and falling back safely when needed, while improving accuracy with every build.
Details
- Repository
- github.com/miapre/html-to-figma-design-system
- Website
- github.com/miapre/html-to-figma-design-system
- Category
- Design & Creative
- Package
html-to-figma-design-system- Transport
- STDIO
- Registry
- MCP registry, active
Related Design & Creative MCP servers
View all
Openflowkit Mcpvrun-design/openflowkitArchitecture diagrams for your agent: draw on the live OpenFlowKit canvas or edit diagram files.931stars
AI Game Developer: MCP for Unity, Unreal and Godotivanmurzak/unity-mcpMake games with AI: one MCP server that connects your agent to Unity, Unreal and Godot editors.4.6Kstars
Excalidrawyctimlin/mcp_excalidrawProvides an Excalidraw canvas exposed via MCP for real-time diagramming and element CRUD from AI agents.1.9Kstars
Figma MCP Serverfigma/mcp-server-guideThe Figma MCP server brings Figma design context directly into your AI workflow.0stars
Figma Ui Mcptranhoaihung/figma-ui-mcpBidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back266stars
Godot MCPtugcantopaloglu/godot-mcpMCP server for full Godot 4.x engine control with 165 tools for AI-driven game development259stars