figma-to-mobile
将Figma设计稿智能转换为多平台移动端UI代码。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：figma-to-mobile。 它的用途是：将Figma设计稿智能转换为多平台移动端UI代码。 完整的 Skill 内容见：https://321skill.com/skills/figma-to-mobile-x-4/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘请将这个Figma设计链接（https://www.figma.com/file/...）转换为适用于Android Jetpack Compose的UI代码。’ 它会自动调用API获取设计数据，扫描你本地Android项目的资源文件，生成可复用的Compose组件代码，并输出结构清晰的布局文件。
介绍
这个Skill解决了移动端开发中从设计稿到代码的重复性手动编码问题。它能够自动解析Figma设计文件，提取设计元素和布局信息，并生成可直接用于项目的UI代码。
使用时，用户只需提供一个Figma设计文件的链接，并指定目标平台（如Android、iOS或Flutter）。Skill会通过Figma REST API获取设计数据，并扫描用户本地项目中的现有资源，智能地复用组件和样式，以生成与项目风格一致的代码。
它非常适合前端开发、移动端开发者和全栈开发者，尤其是那些需要快速将设计稿落地为可运行代码，或需要在多个平台间保持UI一致性的团队。对于UI设计师，它也能帮助验证设计稿的技术可行性。
建议在使用前确保Figma文件权限设置正确（可公开访问或已授权），并准备好目标项目的本地路径，以便Skill进行项目感知扫描。生成代码后，仍需开发者进行必要的逻辑集成和细节调整。
核心特点
核心区别在于其“项目感知”能力，能扫描本地项目资源并复用现有组件，而非生成孤立的代码片段。此外，它支持多框架（Jetpack Compose, SwiftUI, Flutter等）和多帧设计稿的比较，并能通过反馈日志记录手动修正以持续优化转换效果。
注意事项
不适合转换高度动态、交互复杂或严重依赖自定义绘图逻辑的UI设计稿。
常见问题
支持哪些移动端开发框架？
支持Android的Jetpack Compose和XML，iOS的SwiftUI和UIKit，以及Flutter。
需要提供Figma的访问令牌吗？
通常需要，Skill通过Figma REST API访问设计文件，需确保链接可访问或已配置相应权限。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/figma-to-mobile-x-4/raw/index.md 读取 figma-to-mobile 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/figma-to-mobile-x-4/raw/index.md（查看排版版本）