figma-core-workflow-b

# Figma Core Workflow B -- Asset Export ## Overview Export images, icons, and assets from Figma files using the REST API. Render specific nodes as PNG, SVG, JPG, or PDF. Build automated asset pipelines for icons, illustrations, and component previews. ## Prerequisites - Completed `figma-install-auth` setup - Node IDs of the frames/components to export (from `figma-hello-world`) - `FIGMA_PAT` and `FIGMA_FILE_KEY` env vars set ## Instructions ### Step 1: Render Nodes as Images ```typescript const PAT = process.env.FIGMA_PAT!; const FILE_KEY = process.env.FIGMA_FILE_KEY!; // GET /v1/images/:file_key?ids=X,Y&format=png&scale=2 // Supported formats: png, svg, jpg, pdf // Scale: 0.01 to 4 (SVG always exports at 1x) // Max image size: 32 megapixels (larger images are auto-scaled down) async function exportImages( nodeIds: string[], format: 'png' | 'svg' | 'jpg' | 'pdf' = 'png', scale = 2 ): Promise<Record<string, string | null>> { const params = new URLSearchParams({ ids: nodeIds.join(','), format, scale: String(format === 'svg' ? 1 : scale), // SVG is always 1x }); const res = await fetch( `https://api.figma.com/v1/images/${FILE_KEY}?${params}`, { headers: { 'X-Figma-Token': PAT } } ); if (!res.ok) throw new Error(`Image export failed: ${res.status}`); const data = await res.json(); // data.images: { "nodeId": "https://..." | null } // null means the node failed to render (invisible, 0% opacity, or invalid ID) // URLs expire after...