figma-mobile将 Figma 设计稿转为移动端 UI 代码（Android Jetpack Compose / XML，iOS SwiftUI / UIKit）。 在用户粘贴 Figma 链接并希望生成布局代码时使用。 通过 Figma REST API 提取设计树与 token，必要时追问澄清，再输出可落地的工程代码。
Install via ClawdBot CLI:
clawdbot install clawkk/figma-mobileGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Potentially destructive shell commands in tool definitions
exec(Calls external URL not in known-safe list
https://www.figma.com/design/<fileKeyAI Analysis
This skill requires legitimate Figma API access with user-provided tokens and processes design data for code generation. The primary risk is credential exposure if FIGMA_TOKEN is mishandled, but this follows standard API patterns. No evidence of hidden data exfiltration or unauthorized external calls beyond the declared Figma API.
Audited Apr 18, 2026 · audit v1.0
Generated Aug 10, 2026
Startups can use Figma Mobile to quickly convert UI/UX designs into native mobile code for iOS and Android, accelerating the prototype-to-development handoff and enabling faster iterations with investors and early users.
Mobile development agencies can streamline their workflow by converting client Figma designs directly into platform-specific code (Jetpack Compose, SwiftUI, etc.), reducing manual coding errors and ensuring design fidelity.
Product teams can use this skill to generate consistent UI code across both iOS and Android from a single design source, ensuring brand consistency and speeding up feature development.
Enterprises can leverage the skill to automatically translate design tokens and component instances into code, ensuring that their mobile apps strictly follow established design systems and accessibility guidelines.
Marketing teams can quickly turn Figma designs for promotional pages or in-app campaigns into production-ready code, reducing time-to-market for seasonal campaigns or limited-time offers.
Offer this skill as a premium feature within a SaaS platform that integrates with Figma, design systems, and CI/CD pipelines, allowing teams to generate and update code automatically.
Provide basic Figma-to-code conversion for free, but charge for advanced features like multi-state comparison, project scanning, and priority support.
Leverage the skill to offer high-value consulting services, such as converting legacy designs to modern frameworks or setting up automated design-to-code pipelines for clients.
💬 Integration Tip
Integrate this skill into CI/CD pipelines via the command-line interface, and store Figma tokens securely in environment variables or secret managers to automate generation.
Scored Aug 10, 2026
Implements UI from design mockups (Figma, Sketch, or image) with pixel-accurate layout, responsive behavior, and design tokens. Use when 还原设计图, implementing...
Senior product designer methodology ensuring thorough user research, structured architecture, accessible color and typography systems, and pixel-perfect UI e...
Complete Motion.dev documentation - modern animation library for React, JavaScript, and Vue (formerly Framer Motion)
Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-conv...
Shared design system for yuanfang-skills. Provides token CSS variables, 12+ themes, and reusable layout-type HTML blocks. Used by yuanfang-html-image (and fu...
Use when building, reviewing, or improving frontend UI that needs product-specific design direction, design-system generation, Master/Page overrides, distinc...