Back to Plugins
Figma to Design.md
Turn any Figma file into a design.md — optimized for AI tools like Claude and Lovable
Plugin Preview
About this plugin
Design.md extracts your entire Figma file — colors, typography, components, variables, visual patterns — and generates a structured design.md file that AI tools can understand.Use it to:• Build pixel-perfect prototypes in Claude or Lovable from your design system• Give AI agents the full context of your brand guidelines• Export a single source of truth for your design tokens
Plugin Details
| Version | 3 |
|---|---|
| Created | May 11, 2026 |
| Last Updated | May 19, 2026 |
| Category | Software development |
| Creator | Nik |
| Stats | 64 installs, 5 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/index.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://design-md-five.vercel.app
More Like This
Discover other plugins in the Software development category.
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Code Snippet Editor
Translate component variants, properties, and more into dynamic code snippets for your design system
GitHub
Connect Design to Code