Design.md
by BIAsia
Export your Figma design system to a ready-to-use agent md skill.
Installs
35
Likes
14
Users
289
Views
1,028
Preview
About this plugin
Design.md scans your Figma file and exports your entire design system as a structured Markdown document — ready to paste into a codebase, share with engineers, or feed into an AI coding tool.**What it exports:**- **Color tokens** — all local color variables and paint styles, with full multi-mode support (e.g. Light / Dark values side by side)- **Typography** — every text style with font family, weight, size, line height, and letter spacing- **Spacing** — spacing variables, auto-detected from your variable collections- **Border radius** — radius variables, auto-detected from your variable collections- **Shadows** — drop and inner shadow effect styles- **Components** — component properties, variant options, and usage hints for every component and component set in the file**Two export modes:**- **Export Basic** — tokens only (colors, typography, spacing, radius, shadows)- **Export Full** — tokens plus all components; individual components can be deselected before export**How it works:**Open the plugin and it immediately starts scanning — no manual steps. Tokens load first, then components are analyzed in the background. When ready, hit Export Basic or Export Full to download a `design.md` file.
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