Adds comments to ClickUp tasks and notifies the responsible person as part of the orchestration skill.
Exports frames from Figma as PNG images using the Figma API.
Uploads exported files to Google Drive with automatic folder navigation and creation.
Click on "Deploy Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type @ followed by the MCP server name and your instructions, e.g., "@figma-drive Export frames from Figma file 042FZHjPyx1TWMO4kzx1ai and upload to Google Drive"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
Claude Code Plugin que exporta frames do Figma e faz upload automatico para o Google Drive. Criado para o time de design da Stark.
git clone https://github.com/angelostark/stark-figma-drive-mcp.git
cd stark-figma-drive-mcp
npm install && npm run buildCrie um arquivo .env na raiz (ou configure as variaveis de ambiente):
Variavel | Descricao |
| Personal Access Token do Figma (gerar aqui) |
| Caminho para o |
Aponte o Claude Code para a pasta do repositorio clonado. O arquivo .claude-plugin/plugin.json sera detectado automaticamente, registrando:
MCP Server figma-drive — tools de export e upload
Skill /figma-export-para-drive — orquestra o fluxo completo (Figma + Drive + ClickUp)
No Claude Code, a skill /figma-export-para-drive deve aparecer na lista de skills disponiveis e as tools export_figma_frames, upload_to_drive e figma_to_drive devem estar acessiveis.
Related MCP server: Figma Structured MCP
Tool | Descricao |
| Exporta frames do Figma como PNG em alta qualidade |
| Upload para o Google Drive com navegacao automatica de pastas |
| Pipeline completo: Figma export + Drive upload |
/figma-export-para-driveCole o link do Figma quando solicitado. A skill cuida de tudo: export, upload, comentario no ClickUp e notificacao do responsavel.
Exportar frames:
export_figma_frames({
fileKey: "042FZHjPyx1TWMO4kzx1ai",
nodeIds: ["1038:6", "1038:16"],
prefix: "2026-03-17-Stark"
})Upload para Drive:
upload_to_drive({
clientName: "Stark",
date: "2026-03-17",
files: ["/tmp/figma_exports/2026-03-17-Stark-card-01.png"]
})Pipeline completo:
figma_to_drive({
fileKey: "042FZHjPyx1TWMO4kzx1ai",
nodeIds: ["1038:6"],
frameName: "2026-03-17 - Stark"
})O upload navega automaticamente:
Clientes / [cliente] / Cronograma de Conteudo / Artes / [ano] / [mes] / [data]Pastas inexistentes sao criadas automaticamente.
stark-figma-drive-mcp/
├── .claude-plugin/
│ └── plugin.json # Metadata + MCP server config
├── skills/
│ └── figma-export-para-drive/
│ └── SKILL.md # Skill de orquestracao
├── src/ # MCP server source
├── dist/ # Compilado
├── package.json
└── tsconfig.jsonnpm install
npm run buildNode.js 18+
Token do Figma (Personal Access Token)
Credenciais do Google (Service Account com acesso ao Drive)
Exporta frames do Figma como PNG em alta qualidade. Usa a API REST do Figma com batching automatico para evitar timeouts.
Inputs: fileKey (required), nodeIds (required), prefix (required), scale, +1 more.
Pipeline completo: exporta frames do Figma e faz upload para o Google Drive. Parse automatico do nome do frame no formato "[DATA] - [NOME]" para determinar cliente e data.
Inputs: fileKey (required), nodeIds (required), frameName (required), scale, +1 more.
Faz upload de arquivos para o Google Drive do cliente. Navega automaticamente a hierarquia: Clientes > [cliente] > Cronograma de Conteudo > Artes > [ano] > [mes] > [data]. Cria pastas inexistentes.
Inputs: clientName (required), date (required), files, dryRun, +1 more.
Recent tool additions, removals, and schema changes observed during successful MCP inspections.
Loading tool schema changelog…
Scored across 3 tools
The three tools are mostly distinct: export_figma_frames only exports, upload_to_drive only uploads, and figma_to_drive combines both with parsing. There is slight overlap due to figma_to_drive covering the other two, but descriptions clarify the pipeline's additional functionality.
Two tools follow verb_noun snake_case (export_figma_frames, upload_to_drive), but figma_to_drive breaks pattern by using a description phrase. Consistent otherwise.
Three tools is on the lower side but appropriate for a focused figma-to-drive integration. Each tool serves a clear purpose, and the pipeline reduces redundancy.
Covers the core export-upload workflow, but lacks features like listing frames or managing Drive files. The pipeline assumes a specific naming convention, which may limit flexibility.
Search, read, preview, create, update, rename, arrange and trash sketches in your Google Drive.
Sync Lightroom, Figma, Dropbox & Canva assets to WordPress and Shopify via natural language.
Sync Lightroom, Figma, Dropbox & Canva assets to WordPress and Shopify via natural language.
Give Claude only the Google Drive files you choose. Every action logged.
