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…

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

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

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

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

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

分析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…

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

Figma MCP integration for OpenClaw. Use when the user wants to read Figma…

Figma design asset reading, code generation, and MCP integration. Covers REST…

Convert Figma or Pencil designs into production-ready frontend code using…

从Figma设计稿生成符合项目组件库和设计规范的高质量前端代码

Convert Figma design files to pixel-level mobile-first static HTML/CSS pages.…

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

基于 DESIGN.md 自动美化网站 UI，支持 16 种设计风格，提供样式差异报告和 CSS 变量覆盖方案。

Produce thoughtful, well-crafted design artifacts (slide decks, interactive…

Use when setting or reviewing line-height, letter-spacing (tracking), and…