palugada-figma-to-code

name	palugada-figma-to-code
description	TRIGGER when implementing UI from a Figma design, link, or file key — use the figma-bridge MCP (free-plan safe), never the raw API or palugada design for node content.

Figma → code (free-plan safe)

The Figma Starter plan allows ~6 file-content fetches per file per month. The figma-bridge MCP server caches the whole file on the FIRST fetch — every later query is local and free. Workflow:

1. figma_get_design with the Figma URL — first call spends 1 budget slot, everything after is served from cache (source: "cache").
2. Drill in for free: figma_find_nodes (locate frames/components by name), figma_get_design with node_id + depth (layout, px sizes, hex colors, text, fonts), figma_styles (design tokens: styles + components).
3. Need SVG (icons/vectors)? figma_export_svg with node_ids — rebuilt locally from cached geometry, ZERO API calls, no /v1/images 429. Handles solid + gradient fills and strokes; image fills/effects/text/rotation come back as warnings.
4. Need raster (PNG/JPG), or a node with image fills/effects? figma_export_images (image tier — a separate rate limit from the file budget; can 429 on free plan).
5. Design changed? Check figma_file_meta first (cheap); only when probablyStale: true pass force_refresh=true.
6. figma_quota shows the remaining budget per file.

NEVER call figma_get_design with force_refresh=true speculatively, and never loop over it — the cache is the whole point.