Back to Plugins
Figma to DESIGN.md

Figma to DESIGN.md

Turn Figma selections into AI-ready design system markdown

Plugin Preview

Figma to DESIGN.md 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 辅助设计、页面生成和设计系统整理。当前输出会尽量归纳语义颜色、字体、间距、圆角与组件规则,部分内容仍为推断结果,建议在正式使用前人工校对。

Plugin Details

Version1
CreatedApril 13, 2026
Last UpdatedApril 15, 2026
CategoryImport & export plugins
CreatorZhangLaosan
Stats131 installs, 14 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none