figma-mobile-cn将 Figma 设计稿转为移动端 UI 代码（Android Jetpack Compose / XML，iOS SwiftUI / UIKit）。 在用户粘贴 Figma 链接并希望生成布局代码时使用。 通过 Figma REST API 提取设计树与 token，必要时追问澄清，再输出可落地的工程代码。
Install via ClawdBot CLI:
clawdbot install mike47512/figma-mobile-cnGrade 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 interacts with the legitimate Figma API using user-provided tokens and design URLs, which aligns with its stated purpose. The main security consideration is that it requires a Figma personal access token, which could be misused if the skill were compromised, but there's no evidence of credential harvesting or data exfiltration in the provided definition.
Audited Apr 16, 2026 · audit v1.0
Generated Apr 21, 2026
Startups or design agencies use this skill to quickly convert Figma prototypes into functional mobile UI code for Android or iOS, accelerating development cycles and reducing manual coding efforts. It supports iterative design changes by generating code from updated Figma links.
Teams building apps for both Android and iOS leverage this skill to generate UI code in multiple formats (e.g., Compose and SwiftUI) from a single Figma design, ensuring consistency across platforms while minimizing duplication of work.
Companies with established design systems use this skill to automate the translation of Figma components into reusable code components, enforcing brand guidelines and speeding up the integration of new features into existing projects.
Educators or training programs employ this skill to demonstrate how design translates to code, helping students learn mobile UI development by analyzing generated outputs from real-world Figma designs in formats like XML or UIKit.
Offer this skill as a cloud-based service where users pay a monthly fee to access automated Figma-to-code conversion, with tiered plans based on usage limits, platform support, and advanced features like project scanning.
Sell licenses to large organizations for on-premise or custom integration, providing dedicated support, enhanced security, and tailored workflows to fit into existing development pipelines and design toolchains.
Provide a free basic version for individual developers or small teams, with paid upgrades for advanced capabilities such as multi-link comparison, feedback analysis, and priority support, driving conversions through value-added features.
💬 Integration Tip
Ensure the FIGMA_TOKEN is securely stored in environment variables or .env files, and integrate the skill into CI/CD pipelines for automated code generation during design updates.
Scored Apr 19, 2026
UI/UX design intelligence and implementation guidance for building polished interfaces. Use when the user asks for UI design, UX flows, information architecture, visual style direction, design systems/tokens, component specs, copy/microcopy, accessibility, or to generate/critique/refine frontend UI (HTML/CSS/JS, React, Next.js, Vue, Svelte, Tailwind). Includes workflows for (1) generating new UI layouts and styling, (2) improving existing UI/UX, (3) producing design-system tokens and component guidelines, and (4) turning UX recommendations into concrete code changes.
Professional Figma design analysis and asset export. Use for extracting design data, exporting assets in multiple formats, auditing accessibility compliance, analyzing design systems, and generating comprehensive design documentation. Read-only analysis of Figma files with powerful export and reporting capabilities.
Complete workflow for creating distinctive design systems from scratch. Orchestrates aesthetic documentation, token architecture, components, and motion. Use when starting a new design system or refactoring an existing one. Triggers on create design system, design tokens, design system setup, visual identity, theming.
Create logos, interfaces, and visual systems with principles of hierarchy, branding, and usability.
Comprehensive UI design skill covering fundamentals, patterns, and anti-patterns. Layout, typography, color, spacing, accessibility, motion, and component design. Use when building any web interface, reviewing design quality, or creating distinctive UIs.
UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer han...