html-to-figma-design-system
IntegrationMediaThis integration turns HTML prototypes into Figma designs that use your design system's real components and tokens. Once added, your AI can take a web page or prototype and recreate it in Figma so it matches your existing design system. This keeps designs and code consistent without manual rebuilding.
This server has no hosted endpoint yet, so ahel can't serve it. You can still add it. It stays paused until ahel can serve it.
Add the integration and connect it to your design system, then share an HTML prototype and ask your AI to recreate it in Figma. Review the resulting file to confirm components and tokens were applied as expected.
What your AI can do with it
- Convert HTML prototypes into Figma designs
- Map elements to your design system's real components
- Apply your design tokens for colors, spacing, and typography
- Keep generated designs consistent with your existing design system
Signals
- GitHub stars
- 13
- Forks
- 5
- Last commit
- Jul 2026
- Weekly downloads
- 35
ahel review
S4info
community integration — published by miapre, not figma
Automated review, not a security audit. Ruleset v1.
Advanced
- Delivery
- html-to-figma-design-system MCP server → your ahel gateway (mcp.ahel.ai) → every connected AI client.
- Catalog kind
- mcp-server
- Gateway key
io-github-miapre-html-to-figma-design-system- Source
- github.com/miapre/html-to-figma-design-system