Skills
Professional Figma design analysis and asset export. Use for extracting…
Figma 集成。浏览团队项目与文件,读取设计结构、页面、节点,导出图片,管理评论,查看版本历史,检查组件/组件集/样式,获取设计变量(Token)。通过…
Interact with Figma files to read structure, export layers as images, and…
Read files, manage comments, extract design tokens, download images, and…
Extract design information from Figma files. Pull design tokens, component…
Convert Figma designs to mobile UI code. Supports Android (Jetpack Compose,…
自动生成和更新 Figma 插件的 code.js 以创建和修改设计元素,用户更新代码后需手动运行插件执行。
Figma 桌面 MCP Skill - 通过 Figma 桌面应用本地 MCP 服务访问完整功能,包括 Figma Make…
Translate Figma nodes into production-ready code with 1:1 visual fidelity…
分析Figma设计文件,提取设计系统数据(颜色、字体、间距、组件),导出截图,并与实际实现进行比对验证。使用JavaScript/Node.js实现,当用户需…
Figma-to-frontend visual QA workflow for building pages from Figma designs…
Read Figma files, extract design tokens, generate React Native Expo TS or Web…
Figma MCP integration for OpenClaw. Use when the user wants to read Figma…
Convert Figma or Pencil designs into production-ready frontend code using…
从Figma设计稿生成符合项目组件库和设计规范的高质量前端代码
Convert Figma design files to pixel-level mobile-first static HTML/CSS pages.…
Figma (figma.com). Use this skill for ANY Figma request — reading, creating,…
基于 DESIGN.md 自动美化网站 UI,支持 16 种设计风格,提供样式差异报告和 CSS 变量覆盖方案。
Produce thoughtful, well-crafted design artifacts (slide decks, interactive…
从参考图片或描述生成交互式原型。默认输出 HTML 格式,仅在用户明确要求时使用 Figma。支持 (1) 用于网页预览和测试的 HTML 原型,(2)…
Professional Figma design analysis and asset export. Use for extracting…
概念方案生成与设计说明撰写。根据历史项目资料和 Figma 设计稿自动生成概念方案模板(.docx)和设计说明文档(.docx)。适用场景:(1)…
Translates Figma designs into production-ready code with 1:1 visual fidelity.…
软件UI设计辅助技能,涵盖设计文件解析(Figma/Sketch/Adobe…
Use when implementing UI from Figma, Sketch, MasterGo, Pixso, Modao,…
