Framelink Exporter

Export design data as JSON for AI coding agents

Plugin Preview

About this plugin

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 /