figma-mcp-downloader

CLI for downloading complete Figma design context and metadata to local files. Always use this CLI instead of calling Figma MCP tools (`get_design_context`, `get_metadata`) directly. Direct MCP tool calls risk incomplete data due to context limits. This CLI guarantees 100% complete output.

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "figma-mcp-downloader" with this command: npx skills add yuichiroharai/figma-mcp-downloader/yuichiroharai-figma-mcp-downloader-figma-mcp-downloader

Figma MCP Downloader

Prerequisites

  • Figma Desktop app must be running (Local MCP server starts automatically)

Integration with Other Figma Skills

When this CLI and other Figma-related skills (such as implement-design) are triggered together:

  1. First, use this CLI to download complete design context and metadata
  2. Then, proceed with the other skill's workflow using the downloaded files
  3. This ensures 100% complete data before any Figma-related operations begin

Examples

Download design context as JSX

npx figma-mcp-downloader get_design_context design_context.jsx -i "123:456" -c -l typescript -f react,tailwindcss

Download design context with AI guidance

npx figma-mcp-downloader get_design_context design_context.json -i "123:456" -l html,css,javascript -f vue

Download design context with assets

Use -d to download image, vector, and video assets locally. Requires Figma Desktop's "Image source" to be "Download".

npx figma-mcp-downloader get_design_context design_context.jsx -i "123:456" -c -d /home/user/my-project/src/public/images -l typescript -f react,tailwindcss

Download metadata as XML

npx figma-mcp-downloader get_metadata metadata.xml -i "123:456" -c -l typescript -f react,tailwindcss

Download metadata with AI guidance

npx figma-mcp-downloader get_metadata metadata.json -i "123:456" -l html,css,javascript -f vue

CLI Reference

For complete options and detailed usage, see CLI Reference.

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Open in GitHubOpen in ClawHub

Related Skills

Related by shared tags or category signals.

General

bulk-remove-classname

No summary provided by upstream source.

Repository SourceNeeds Review
4-yuichiroharai
General

classname-search

No summary provided by upstream source.

Repository SourceNeeds Review
4-yuichiroharai
Coding

openclaw-version-monitor

监控 OpenClaw GitHub 版本更新，获取最新版本发布说明，翻译成中文， 并推送到 Telegram 和 Feishu。用于：(1) 定时检查版本更新 (2) 推送版本更新通知 (3) 生成中文版发布说明

Archived SourceRecently Updated
--00010110
Coding

ask-claude

Delegate a task to Claude Code CLI and immediately report the result back in chat. Supports persistent sessions with full context memory. Safe execution: no data exfiltration, no external calls, file operations confined to workspace. Use when the user asks to run Claude, delegate a coding task, continue a previous Claude session, or any task benefiting from Claude Code's tools (file editing, code analysis, bash, etc.).

Archived SourceRecently Updated
--0xmanel