Figma to Illustrator / Affinity — Editable Text, Images, Color Styles

About this plugin

You export from Figma. You open the file in Illustrator, or Affinity. And everything is wrong. Text boxes are shattered into individual lines. The "Illustrator export" another plugin promised is just an EPS in disguise. Half your images are missing — or quietly too low-res to print. Colors land as one-off RGB values instead of a real swatch library. Artboards are gone. And the plugin that somewhat works? Locked behind a monthly subscription just to let you export your own work.This is the reality of Figma handoff for most designers. It has been for years.Figma to Illustrator / Affinity was built to fix exactly that — by someone who got tired of the same broken workflow and decided to build the bridge that should have always existed. It's fully free, built for the creative community, and it actually works — with two genuinely independent export paths, not one format awkwardly repurposed as the other:→ Illustrator: an SVG + a bundled ExtendScript (.jsx) that rebuilds real artboards, merges shattered text back into single editable boxes, and reconstructs named Character Styles and Global Swatches — run once from File → Scripts → Other Script.→ Affinity: a native .idml document — genuinely editable text, real named colour swatches, real character styles, and linked images, opened directly with File → Open. No Illustrator step. No manual Place. No SVG round-trip at all.No subscription. No watermark. No paywall, on either path.---🔥 What makes this different📝 Editable Text Boxes — Line Breaks, Alignment & Weight Intact Most exporters flatten text or break multi-line boxes into separate lines. This plugin keeps every text frame as a single editable box — in both Illustrator and Affinity — with font properties, CENTER/RIGHT alignment, mixed colors and sizes within the same box, and exact variable-font weights preserved. No more Bold text silently importing as Black.🔤 Variable Fonts & Mixed Font Sizes — Preserved Exactly Variable fonts (Bold, SemiBold, etc.) import at their exact weight instead of defaulting to Black. Text boxes with multiple font sizes mixed in one box — a heading and body copy in the same frame, for example — keep every run at its correct size instead of one size overriding the rest.📐 Vertical Align Precision — Center- and Bottom-aligned text boxes match Figma's own spacing exactly, using each app's real font metrics instead of an approximation.🖼 Linked High-Resolution Images — With a Built-In DPI Preflight Images are extracted and linked as hi-res PNGs at up to 300 DPI, on both export paths. Before you export, hit Scan Image DPI to see exactly which placed images will print sharp and which won't — with the precise source resolution needed to fix any that fall short. No more finding out at the print shop.🎨 Native Artboards (Illustrator) & Pages (Affinity) — Your Figma frames become proper Illustrator artboards, or a proper multi-page Affinity layout document — automatically, either way. No manual setup. No missing frames. Works across 50-page brand books and multi-frame social media grids.🎨 Real Named Color Swatches, Not One-Off Values — Every color in your design becomes a real, named swatch — a Global Swatch in Illustrator, a named color in Affinity — with standardized Hex or CMYK naming. Hundreds of swatches handled without a problem.✍️ Character Styles Mapped — Every text style from Figma is converted into a named Character Style — in Illustrator's Character Styles panel, or Affinity's own — so your typography system survives the export, not just the raw formatting.🌗 Live Editable Effects (Affinity) — Drop shadows and inner shadows import as real, live, editable Affinity effects — not baked into a flat image. (Blurs, glass, noise, and texture effects still rasterize, since neither app's engine can reproduce Figma's math for those exactly — see the app's own README for the honest list.)⚡️ Multipart Chunking for Large Files — Handles massive projects without memory crashes. Whether you have 10 frames or 150, the plugin processes them in optimized chunks.---🛠 The HandoffSelect — Choose any number of frames in Figma.Choose your target — Pick the Illustrator or Affinity tab in the plugin panel.Scan (optional) — Click Scan Image DPI to catch any images that won't print sharp before you export.Export — Download the bundled ZIP from the plugin.Open it:Illustrator: open the .svg, then run 01-create-artboards-and-merge-text.jsx via File → Scripts → Other Script. If the summary alert asks for one more step on a few frames (rare — Illustrator can't set vertical text alignment via script), run the matching companion script (02-select-center-align.jsx and/or 03-select-bottom-align.jsx) the same way.Affinity: open Figma-Export.idml directly — File → Open. That's it; nothing else to run.That's it either way. Your file is ready for print or client delivery.