Figma to DESIGN.md
by ZhangLaosan
Turn Figma selections into AI-ready design system markdown
Installs
191
Likes
21
Users
1,694
Views
1,023
Preview
About this plugin
Figma to DESIGN.md turns your current selection or page into a structured DESIGN.md draft for AI-assisted design and prototyping workflows.
It extracts and organizes key design system signals such as semantic colors, typography, spacing, border radius, and component rules. The output is designed to be readable by both humans and AI tools, making it easier to reuse your Figma styles in tools like Stitch or other prompt-based generation workflows.
What it can do:- Generate a DESIGN.md draft from Selection- Generate a DESIGN.md draft from Current Page- Infer semantic tokens such as Primary, Background, Surface, Text, Border, and Muted Text- Summarize typography, spacing, border radius, and layout patterns- Generate component guidance for buttons, cards, and inputs- Include hover, focus, disabled, and error states when possible- Copy markdown directly- Download the generated DESIGN.md fileNotes:- Some fields are inferred heuristically and may still need manual refinement- Responsive rules may require manual completion- Best results come from files with relatively clear styles and structure中文说明:这个插件可以将你当前选中的 Figma 图层或页面,整理成一份结构化的 DESIGN.md 草稿,适合用于 AI 辅助设计、页面生成和设计系统整理。当前输出会尽量归纳语义颜色、字体、间距、圆角与组件规则,部分内容仍为推断结果,建议在正式使用前人工校对。
More import & export plugins plugins
View allhtml.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Paidby divRIOTS
Convert any website into fully editable Figma designs
Figma to HTML
by Figma2HTML
Convert Figma design to HTML
TinyImage Compressor
Paidby Hypermatic
Export/downsize compressed JPG, PNG, SVG, WebP, GIF, WebM, MP4, AVIF and PDF image files from Figma
Pitchdeck Presentation Studio
Paidby Hypermatic
Turn your Figma designs into animated slide decks or export them to PowerPoint/PDF