figma-prototype-export

Export local AdsMagic screens to Figma files via MCP.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/fabioaap/Prototipacao-Adsmagic --skill figma-prototype-export
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: figma-prototype-export
Source: https://github.com/fabioaap/Prototipacao-Adsmagic/tree/main/references/upstream/adsmagic-aiox-source/.agents/skills/figma-prototype-export
Command: npx skills add https://github.com/fabioaap/Prototipacao-Adsmagic --skill figma-prototype-export

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Manual export of local screens to Figma and risk of inconsistencies between design and prototype workflows; this skill provides a standardized method to publish local routes to Figma via MCP with a guarded fallback for sensitive frames.

Core Features & Use Cases

  • Official MCP export of local screens to Figma with automatic file creation or update.
  • Guarded capture fallback for sensitive UI elements like drawers, modals, or transient states.
  • Supports both newFile and existingFile destinations with fileKey and nodeId handling.

Quick Start

Provide the local route and optional Figma URL to export a screen to Figma.

Frequently Asked Questions about figma-prototype-export

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I export local AdsMagic screens to Figma using MCP?

To export local AdsMagic screens to Figma using MCP, provide the local route and an optional Figma URL. The skill automatically creates a new file or updates an existing one, handling fileKey and nodeId parameters.

Can I export UI prototypes with transient states like modals to Figma?

Yes, you can export UI prototypes with transient states like modals to Figma using the guarded capture fallback. This feature securely handles sensitive UI elements such as drawers and modals during the export process.

What is the MCP workflow for publishing local routes to an existing Figma file?

The MCP workflow for publishing local routes to an existing Figma file involves supplying the route and the target Figma URL. The process manages nodeId and fileKey extraction while polling the capture status until completion.

Do I need a Figma fileKey and nodeId to export a local screen?

You do not need to manually provide a Figma fileKey and nodeId to export a local screen. The skill automatically handles fileKey and nodeId extraction when you supply a destination Figma URL or request a new file.

What's the best way to handle sensitive frames during a Figma prototype export?

The best way to handle sensitive frames during a Figma prototype export is using the guarded capture fallback. It safely processes transient UI states and sensitive elements, ensuring secure capture without exposing restricted design components.

Why does the MCP export process require polling for local screen captures?

The MCP export process requires polling for local screen captures to track the captureId status. Polling ensures the local route is fully rendered and captured before finalizing the transfer to the Figma design file.