How do I import a Notion page into Figma?

Install Codia AI Notion2Figma from Figma Community, open a Figma file and run it from Plugins, then sign in with your Codia account. Paste a public Notion share link or upload a ZIP or PDF export of the page, and the plugin places it on your canvas as editable frames, text, tables and images.

Which Notion blocks are supported?

Headings, paragraphs, lists, tables, databases, code blocks, callouts, toggles, quotes, images, embeds, bookmarks and nested pages. Databases arrive as Figma tables with their rows and columns, not as live queries, and formulas come in as their rendered result. A ZIP export keeps sub-pages.

Are the imported Figma layers editable?

Yes. Text, tables, images, callouts and code blocks come in as native Figma layers you can restyle, move or delete. Install the fonts your Notion page uses to keep the typography closest to the original.

Is the Notion to Figma plugin free?

Yes, you can start free. The plugin is free to install, and the free plan includes 10 AI credits every month for files up to 20 MB, with no credit card required. It runs on any Figma plan, including Figma's free plan. Paid plans add more credits and larger files.

Is my Notion content kept private?

Codia does not use your pages, uploaded files or results to train AI models, and temporary processing copies are deleted within 7 days. A share link only works for a page anyone with the link can view, so for private pages upload a ZIP or PDF export instead.

Notion → Editable Figma

Notion to Figma: Turn Notion Pages into Editable Designs

Import Notion pages into Figma from a public share link, a ZIP export or a PDF, and get editable frames, text, tables and images instead of a flat screenshot. Built for product teams and designers who work between docs and design.

Get the free Figma plugin

10 free AI credits every month · No credit card · Works on Figma's free plan

Notion

Figma

From Notion to Figma in Three Steps

No manual rebuilding. No lossy screenshots. Just a clean, editable handoff.

Step 1

Install the Plugin

Open any Figma file, find Codia AI Notion2Figma under Plugins and sign in with your Codia account.

Step 2

Import From Notion

Paste a public Notion share link, or upload a ZIP or PDF export of your page.

Step 3

Edit in Figma

Get fully editable frames, text, tables, and components ready for design iteration.

Built for Every Notion Element

Every major Notion block is converted into the closest native Figma equivalent — editable, precise, and ready to design.

Tables & Databases

Rows, columns, and database views are converted into structured, editable Figma tables with preserved alignment and data.

Code Blocks

Syntax-highlighted code blocks become monospaced, styled text frames — perfect for engineering specs and handoffs.

Embeds & Media

Images and embeds are placed on the canvas as Figma layers, sized and positioned to match the page.

Nested Pages

Sub-pages and hierarchies are preserved as organized Figma frames, keeping your document structure intact.

Toggle & Callouts

Toggles, callouts, and quotes retain their visual style and hierarchy for a recognizable Notion look inside Figma.

Privacy & Security

Codia does not train AI models on your pages, and temporary processing copies are deleted within 7 days.

Why Designers Love It

Bring Notion content into Figma without rebuilding it by hand, so the design starts from the real copy.

Stop Wasting Time

No more manual conversions or fixing broken assets between tools.

Fully Editable Designs

Text, tables and images arrive as layers you can restyle, move and refine.

Perfect for Teams

Ideal for teams collaborating across tools or solo designers who move fast.

More Creative Time

Smoother handoffs and faster iterations leave more time for creative work.

Workflows People Build With It

Four ways teams turn Notion documents into editable Figma designs.

Design Handoff

Turn written PRDs and specs into editable Figma frames — ready to annotate, refine, and hand off.

PRD → First Draft

Bring a Notion requirements doc into Figma as editable frames and start the first design pass from its real content.

Marketing Pages

Start a landing page in Notion, then polish layout and styling in Figma with all copy already in place.

Product Specs

Keep specs in Notion and import an updated visual version into Figma whenever the team needs a design artifact.

Ready to Transform Your Workflow?

Install the free plugin, import a Notion page and start designing on real content.

Install Plugin Now

Free to install · 10 free AI credits every month · Works on every Figma plan

Pricing

Transparent pricing for every product. Start free, upgrade as you grow.

Notion to Figma FAQ

Everything you need to know about converting Notion documents to editable Figma files.

Use the page's public share link. It looks like https://www.notion.so/page-name-480743bd3f864c53894122a51c576228: the notion.so address, the page name and a 32-character page ID. The page must be shared so anyone on the web with the link can view it. If the link is still rejected, or the page is private, export it from Notion as a ZIP (HTML or Markdown & CSV) or a PDF and upload that file instead.