figma2code：用分阶段工作流把 Figma / Mastergo 设计稿高保真还原成代码
figma2code 是 SkillHub 社区 Skill（@user_3141f90e/figma2code，v1.0.0），面向设计稿转代码时整页直译还原度低的问题。在已连接 Figma 或 Mastergo MCP 的前提下，按全局规划、组件树梳理、逐模块还原、整体拼接四步推进，产出 PLAN.md 与 COMPONENTS.md，支持 HTML/CSS、React、Vue、小程序、uni-app、Taro、Flutter、SwiftUI 等栈。安装需 skillhub CLI 并用 --dir 指向 Agent skills 目录。适合多模块、重复组件与响应式页面。
阅读全文figma转高保真html：用 Agent Skill 把 Figma 设计稿落成响应式 HTML
figma转高保真html（@user_24c316b5/figma-to-html，v1.0.0）是 SkillHub 社区 dev-programming 类 Skill，通过 Figma MCP 读取设计数据与图片，并结合参考截图生成高保真响应式 HTML。支持「figma 转 html」等关键词或 Figma 链接触发。安装可参考 skillhub.cn/install/skillhub.md，使用 skillhub install 并指定 Cursor 等客户端的 skills 目录。需预先配置 Figma MCP；元数据标注 requires_api_key=false。
阅读全文dsh-figma-to-lottie：DSH 中的 Figma/SVG 到 Lottie 编译器
`dsh-figma-to-lottie` 是一款 DeepSeek Harness 插件，填补了将设计数据编译为动画资产的空白。它提供 `lottie_compile_shape`（解析 SVG 路径）和 `lottie_compile`（生成完整 Lottie JSON）两个工具，支持路径、矩形、图片及文字层，并支持关键帧动画与渐变填充。该插件无需构建步骤，可直接通过自然语言指令生成可用于 iOS/Android/Web 的 Lottie 文件。
阅读全文用 OpenAI 官方 figma Skill，把 Figma 设计拉进 AI 编程工作流
介绍 OpenAI curated 的 figma Skill：它如何配合 Figma MCP（mcp.figma.com）获取设计上下文、截图、变量与资源，并按固定流程把节点落地为项目代码。文中核实了安装方式（$skill-installer / 目录拷贝）、Codex 的 MCP 配置（FIGMA_OAUTH_TOKEN、RMCP client）、必走工具链（get_design_context → get_metadata → get_screenshot）以及链接驱动的提示词写法，适合在 Codex、Cursor、Claude Code 中做设计到代码协作的开发者。
阅读全文figma-implement-design：OpenAI 官方 Skill，把 Figma 设计稿 1:1 还原为生产级代码
figma-implement-design 是 OpenAI curated Agent Skill，配合 Figma MCP 将设计节点翻译为仓库内可交付 UI 代码。文章介绍其七步工作流、与 figma-use 等 Skill 的边界、MCP 前置条件，以及在 Cursor（/add-plugin figma）、Codex（$skill-installer）等工具中的安装与典型用法，帮助开发者缩短 Design-to-Code 迭代周期。
阅读全文