Figma Codegen
awdr74100/figwright/skills/figma-codegen作者 awdr7410079598afe1f1db45da83c1ca5e6678a6ba4ba6d4a无许可证994 个星标收录于 2026年10月9日更新于 2026年10月9日仓库今天更新
Generate framework-aware code from a Figma design. Reads the project's stack profile and emits code matching the existing framework (React/Vue/Svelte/Next/etc.) and styling (Tailwind/CSS/CSS-in-JS), reusing existing components and design tokens instead of regenerating from scratch. Triggers whenever the user wants a Figma design turned into code — e.g. 'code this design', 'implement this frame', 'build this screen/component', 'turn this Figma into React/Vue', 'convert this design to code' — or whenever a Figma URL or the current Figma selection appears alongside a coding request. Works for full screens, single sections, or one component.
仅公开文件列表。将技能安装到工作区后即可查看文件内容。
| 路径 | 大小 | 类型 |
|---|---|---|
| references/assets-and-icons.md | 5 KB | text/markdown |
| references/grounding.md | 26.6 KB | text/markdown |
| references/motion.md | 8.6 KB | text/markdown |
| references/responsive.md | 5.1 KB | text/markdown |
| references/stylesheets.md | 6 KB | text/markdown |
| references/verify.md | 2.3 KB | text/markdown |
| SKILL.md | 16.7 KB | text/markdown |
来源与署名
来源：awdr74100/figwright位于skills/figma-codegen提交79598af
许可证： 无许可证
内容归原作者所有。SourceWeft 从公开仓库中收录这些内容。
更多来自 awdr74100/figwright 的技能
更多Software Development技能
Playground
anthropics
构建自包含的交互式 HTML 演练场，包含控件、实时预览和可复制的提示词输出。
M5 Onboard
anthropics
通过 USB 检测 M5Stack ESP32 开发板，刷写 UIFlow 2.0 固件并安装 MicroPython 应用包。
Cardputer Buddy
anthropics
指导迭代 Cardputer-Adv 的 MicroPython 应用包：添加应用、通过 USB 串口推送文件、查看日志并运行 REPL 命令。
Web Design Guidelines
vercel-labs
依据从远程来源获取的 Web Interface Guidelines 审查 UI 代码，并以 file:line 形式报告问题。
Vercel React Native Skills
vercel-labs
React Native 与 Expo 最佳实践规则，涵盖列表性能、动画、导航、UI 模式、状态与 monorepo 配置。
Vercel React Best Practices
vercel-labs
Vercel 的 React 与 Next.js 性能指南，以 70 条规则的形式用于编写、审查和重构代码。