← Browse
design-to-code
jeremylongshore ★ 2787
Converts Figma designs and screenshots into production-ready React, Svelte, or Vue components with built-in accessibility features including ARIA labels, semantic HTML, and keyboard navigation. The plugin provides three MCP tools for parsing Figma exports, analyzing screenshot layouts, and generating fully accessible code components.
Install
> /plugin marketplace add jeremylongshore/tons-of-skills-marketplace/tree/HEAD/plugins/mcp/design-to-code
> /plugin install design-to-code
Source: https://github.com/jeremylongshore/tons-of-skills-marketplace/tree/HEAD/plugins/mcp/design-to-code
What it's made of
1 MCP server
- Commands
- 0
- Agents
- 0
- Skills
- 0
- MCP servers
- 1
- Hooks
- 0
What it needs & plugs into
- API keys
- none
- Paid services
- none detected
- External tools
node- Talks to
- nothing external detected
Facts extracted from the plugin's files. Prose generated by claude-haiku-4-5-20251001.
Is this your plugin?
Claim it to keep the card accurate and enter the weekly contest. Requires signing in as the GitHub owner (jeremylongshore).