Framelink Exporter

Export Figma designs as a single .zip (JSON + PNG screenshots + SVG icons + image fills) that AI coding agents can consume offline — no Figma API key, no rate limits, no internet.Built for figma-local-mcp and any MCP-compatible tool. The bundled assets give multimodal agents (Claude, GPT-4o, Gemini) real visual ground truth to generate pixel-accurate, semantically-correct UI code — not just bounding boxes and hex codes.How it worksSelect frames, components, or groups in FigmaChoose which assets to include (PNG renders, SVG icons, image-fill bytes — all on by default)Click Export as ZIP → unzip into your project's designs/ folderAsk your AI agent to "build the design from ./designs/myfile.json" — it reads the JSON, views the rendered PNG, and inlines the actual SVG icons before generating codeWhat's new in v1.2🖼️ Bundled assets — top-level frames rendered as PNG @2x for visual grounding; vector subtrees pre-rendered as SVG so agents inline real markup instead of inventing path data🎯 Semantic enrichment — INSTANCE nodes carry componentName + heuristic semanticRole (button, textbox, dropdown, checkbox, dialog, card, …) so generated code uses / / instead of generic s📦 Single .zip download — JSON + sidecar .assets/ folder packaged together via an inline ZIP writer (no external deps)🧭 Agent directives — top-level REQUIRED_NEXT_ACTIONS checklist + per-node renderHint tell the agent exactly which follow-up tool calls to make🚫 Absent-asset rule — when assets aren't exported, the JSON explicitly forbids the agent from substituting stock icons, placeholder URLs, or fabricated SVG🔗 Cross-scope components — instances whose main component lives outside the selection are auto-included🏷️ Per-node named-style refs — design-system style names resolve end-to-end⏱️ Timestamped filenames — YYYYMMDD-HHMMSS local time, sortable and unique✨ UX polish — auto-closing dialog after download, auto-resizing iframe, atomic Export/Cancel button slot, no-scroll loading stateWhat gets capturedLayout — bounding boxes, constraints, auto-layout, spacing, padding, sizing modesVisuals — fills, strokes, effects, opacity, corner radius, blend modesText — content, font, size, weight, alignment, line height, style overridesComponents — properties, definitions, variants, component sets, cross-scope refsPer-node styles — fill/stroke/effect/text style IDs for named-style resolutionAssets (sidecar files referenced by manifest)Top-level frame renders @2x (PNG)Vector subtrees as actual SVG markupImage-fill bytes referenced by imageRefStructure — full node tree with names, types, visibilityPlugin featuresExport selected nodes or entire pagePer-asset toggles (disable any class to shrink the export)Custom filename (extension added automatically — .zip with assets, .json without)Depth limiting for large treesReal-time progress bar with cancel supportAuto-closing dialog with file-size confirmation toastWorks withCursor · VS Code Copilot · Windsurf · Claude Desktop · Cline · Continue · any MCP-compatible clientLinks📦 npm: https://www.npmjs.com/package/figma-local-mcp🐙 GitHub: https://github.com/MiHarsh/figma-local-mcp