Server Configuration
Describes the environment variables required to run the server.
Name | Required | Description | Default |
---|---|---|---|
FIGMA_API_KEY | Yes | Your Figma API key from Figma Developer Settings |
Schema
Prompts
Interactive templates invoked by user choice
Name | Description |
---|---|
No prompts |
Resources
Contextual data attached and managed by the client
Name | Description |
---|---|
No resources |
Tools
Functions exposed to the LLM to take actions
Name | Description |
---|---|
Figma-To-Code | Generate pixel-perfect frontend code from Figma designs. Automatically parses Figma DSL structure and style information, combines with PNG preview images for visual validation, and generates high-quality frontend component code that matches your project tech stack. Supports automatic detection of project configurations (UnoCSS/TailwindCSS/SCSS etc.) and uses existing style variables and design standards. |
Download-Figma-Images | Download SVG and PNG images used in a Figma file based on the IDs of image or icon nodes |
similarity-figma | 获取Figma原型图,请你结合项目源码并通过原型图与生成的代码页面的截图进行相似性比对 |
api-automation | 理解后端接口文档自动生成接口类型、地址常量、mock数据、请求函数等 |
initialize-project-standard | 针对用户指定项目进行分析,生成Copilot 和 cursor对应的全局项目规则 |
extract-color-vars | 从Figma DSL文件中提取颜色变量,并输出在用户指定的文件中(比如unocss、tailwindcss或者自定义标准文件中等) |
extract-svg-assets | 分析figma SDL中的结构,并调用download-svg-assets工具下载Figma文件中使用的SVG资源 |
download-svg-assets | 根据图像或图标节点的ID,仅下载Figma文件中使用的SVG资源 |