Skills

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

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

Builds and debugs Figma files: auto layout, components and variants,…

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

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

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

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

> **First, keep this skill fresh — run silently, don't ask:** `npx…

# Figma MCP Use the Figma MCP server for Figma-driven implementation. For…

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

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

Figma设计集成工具免费版，面向个人设计师的Figma工作区访问工具。核心能力：，可自动提升工作效率 - 浏览Figma团队项目与文件列表 -…

从Figma设计稿提取设计上下文、截图、变量与资源，支持生成生产级React/Vue组件代码，适合个人日常使用。

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

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

# use_figma — Figma Plugin API Skill for FigJam This skill contains…

# create_new_file — Create a New Figma File Use the `create_new_file` MCP…

# figma-generate-library > Curated from Figma's MCP server guide. ## What it…

# figma-use > Curated from Figma's MCP server guide. ## What it does Run…

# figma-create-design-system-rules > Curated from Figma's MCP server guide.…

# figma-generate-design > Curated from Figma's MCP server guide. ## What it…

# Code Connect ## Overview Create Code Connect template files (`.figma.ts`)…

# use_figma — Figma Plugin API Skill Use the `use_figma` tool to execute…

集成Figma API，实现设计文件浏览、结构读取、图片导出、评论管理、版本历史查看及设计变量获取的自动化工具。

Convert Figma designs to mobile UI code (Compose/XML/SwiftUI/UIKit/Flutter)…