Skills
Import Figma content into a HyperFrames composition — rendered assets, brand…
Mandatory entry point: read this first for any request to make, create, edit,…
Professional Figma design analysis and asset export. Use for extracting…
Figma API integration with managed OAuth. Read design files, nodes, and…
Builds and debugs Figma files: auto layout, components and variants,…
# Figma MCP Use the Figma MCP server for Figma-driven implementation. For…
Figma (figma.com). Use this skill for ANY Figma request — reading, creating,…
Read files, manage comments, extract design tokens, download images, and…
Figma 集成。浏览团队项目与文件，读取设计结构、页面、节点，导出图片，管理评论，查看版本历史，检查组件/组件集/样式，获取设计变量（Token）。通过…
Interact with Figma files to read structure, export layers as images, and…
Translate Figma nodes into production-ready code with 1:1 visual fidelity…
# /understand-figma Analyzes a Figma file and produces an interactive design…
# create_new_file — Create a New Figma File Use the `create_new_file` MCP…
# figma-code-connect-components > Curated from Figma's MCP server guide. ##…
# figma-create-new-file > Curated from Figma's MCP server guide. ## What it…
# figma-generate-library > Curated from Figma's MCP server guide. ## What it…
# Design System Builder — Figma MCP Skill Build professional-grade design…
# Code Connect Components ## Overview This skill helps you connect Figma…
# figma-create-design-system-rules > Curated from Figma's MCP server guide.…
# figma-generate-design > Curated from Figma's MCP server guide. ## What it…
# figma-use > Curated from Figma's MCP server guide. ## What it does Run…
# figma-implement-design > Curated from Figma's MCP server guide. ## What it…
# Build / Update Screens from Design System Use this skill to create or…
# Create Design System Rules ## Overview This skill helps you generate custom…
# use_figma — Figma Plugin API Skill Use `use_figma` MCP to execute…