Skills
Import Figma content into a HyperFrames composition — rendered assets, brand…
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…
# Implement Design ## Overview This skill provides a structured workflow for…