项目页面
# 页面名称 文件列表 操作
原型参考
# 页面名称 工具 风格说明(怎么描述需求) 操作
🖌️ Figma 设计集成
📖 使用说明
📄 拉取 Figma 文件
提供 Figma 文件链接或 file key,即可拉取设计稿数据(图层、组件、样式等)
🎯 导出设计稿为代码
将 Figma 设计转成 HTML/CSS 原型代码,支持 Tailwind、antd 等多种风格
🎨 获取组件/样式数据
提取设计系统中的色彩变量、字体规范、组件属性、交互原型数据
⚡ 自动生成原型
基于 Figma 设计稿自动生成对应 HTML 页面,保持设计一致性
Figma 导出风格示例
# 页面名称 风格类型 风格说明(怎么描述需求) 操作