Skills

Import Figma content into a HyperFrames composition — rendered assets, brand…

Professional Figma design analysis and asset export. Use for extracting…

Figma 集成。浏览团队项目与文件，读取设计结构、页面、节点，导出图片，管理评论，查看版本历史，检查组件/组件集/样式，获取设计变量（Token）。通过…

Interact with Figma files to read structure, export layers as images, and…

Read files, manage comments, extract design tokens, download images, and…

Extract design information from Figma files. Pull design tokens, component…

Convert Figma designs to mobile UI code. Supports Android (Jetpack Compose,…

自动生成和更新 Figma 插件的 code.js 以创建和修改设计元素，用户更新代码后需手动运行插件执行。

Define component variants and states systematically for Figma. Use when asked…

Figma 桌面 MCP Skill - 通过 Figma 桌面应用本地 MCP 服务访问完整功能，包括 Figma Make…

Generate structured developer handoff annotations for a Figma screen or…

Translate Figma nodes into production-ready code with 1:1 visual fidelity…

Plan user flows and screen states for a Figma design before any designing…

分析Figma设计文件，提取设计系统数据（颜色、字体、间距、组件），导出截图，并与实际实现进行比对验证。使用JavaScript/Node.js实现，当用户需…

Figma-to-frontend visual QA workflow for building pages from Figma designs…

将 Figma 设计稿转为移动端 UI 代码（Android Jetpack Compose / XML，iOS SwiftUI / UIKit）。…

将 Figma 设计稿转为移动端 UI 代码（Android Jetpack Compose / XML，iOS SwiftUI / UIKit）。…

Read Figma files, extract design tokens, generate React Native Expo TS or Web…

Write a structured design brief for a Figma design task from a product…

Design a spacing and layout token system for a Figma design system. Use when…

Full bidirectional Figma integration — read files via REST API,…

Runs a structured PM design review against product requirements. Use when…

Plan prototype interactions and flows for user testing in Figma. Use when…

Runs a pre-handoff QA checklist on a Figma design before it goes to…

Figma (figma.com). Use this skill for ANY Figma request — reading, creating,…