Back to Plugins
AI设计规范导出器 DESIGN.md for Skills & Stitch

AI设计规范导出器 DESIGN.md for Skills & Stitch

Export DESIGN.md for AI UI generation

Plugin Preview

AI设计规范导出器 DESIGN.md for Skills & Stitch preview

About this plugin

【Introduction】AI Design Spec Exporter turns the design assets in your Figma file into a structured DESIGN.md file. It helps Skills, Stitch, Codex, and other AI tools understand your design system and generate UI with consistent colors, typography, radius, spacing, shadows, and component rules.【Function Description】Scans local variables, color styles, text styles, effect styles, and components in the current Figma file.Extracts design patterns such as colors, corner radius, spacing, and shadows from page layers.Displays all exportable assets in a tree list, selected by default, with support for category-level and item-level deselection.Exports a DESIGN.md file with YAML design tokens and human-readable design guidance.Supports multilingual UI and RTL layout adaptation.【How to Use】Open the Figma file you want to export.Run the plugin and click “Scan file design assets.”Review the tree list and deselect anything you do not want to export.Click “Export DESIGN.md.”Use the generated DESIGN.md with Skills, Stitch, Codex, or other AI design-to-code workflows.【Notes】The plugin prioritizes local variables and styles, and also infers design properties from page layers.Large files may take longer to scan.Output quality depends on how well your design assets are named and organized.DESIGN.md is designed to provide design-system context for AI tools. It does not modify your Figma file.【介绍】AI 设计规范导出器可以将当前 Figma 文件中的设计资产一键整理为 DESIGN.md,帮助 Skill、Stitch、Codex 等 AI 工具理解你的设计规范,并按统一的颜色、字体、圆角、间距、投影和组件规则生成界面。【功能说明】扫描当前 Figma 文件中的本地变量、颜色样式、文本样式、效果样式和组件。自动提取页面中的颜色、圆角、间距、投影等设计特征。以树状列表展示所有可导出的设计资产,默认全选,支持按分类或单项取消选择。输出符合 DESIGN.md 结构的 Markdown 文件,包含 YAML tokens 和设计说明。支持多语言界面,并适配 RTL 语言布局。【使用方法】打开需要导出的 Figma 文件。运行插件,点击“扫描文件设计资产”。在树状列表中保留需要导出的项目,取消不需要的项目。点击“输出 DESIGN.md”。将生成的 DESIGN.md 用于 Skill、Stitch、Codex 或其他 AI 设计到代码工作流。【注意事项】插件会优先读取本地变量和样式,也会从页面图层中推断设计特征。如果文件很大,扫描时间可能会稍长。输出内容取决于文件内设计资产的命名和规范程度。DESIGN.md 适合给 AI 提供设计系统上下文,不会修改 Figma 文件内容。

Plugin Details

Version2
CreatedMay 7, 2026
Last UpdatedMay 10, 2026
Categoryui-kits
CreatorKingweiCheung
Stats8 installs, 1 likes
PricingPaid

Technical Details

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