Notion to Figma

About this plugin

Bring your Notion documentation directly into your design files.

This plugin allows you to import Notion Pages and Databases into Figma with perfect fidelity. Unlike simple text importers, this plugin creates a "Syncable Widget" that preserves the structure, layout, and styles of your Notion content.

✨ Key Features:

1. 🔄 One-Click Sync: Made changes in Notion? Just select the frame in Figma and click "Update" to refresh the content instantly.
2. 📊 Powerful Database Support: Imports Notion Databases as fully responsive Auto Layout tables. Columns automatically adjust to fit your content (Fill Width + Min Width).
3. 🎨 Rich Text & Styles: Preserves Bold, Italic, Strikethrough, Links, Code blocks (with syntax highlighting style), and colors.
4. 🖼️ robust Image Handling: Supports all image types, including automatic conversion for iPhone Live Photos (HEIC) that usually fail to load in Figma.
5. 📐 Perfect Auto Layout: All imported content is wrapped in clean, nested Auto Layout frames (Vertical/Horizontal stacks), making it easy to resize and adapt.
6. 🪆 Recursively Fetches Content: Handles nested blocks, Toggle lists, Synced blocks, and Column lists without missing data.

🚀 How to use:

1. Get your credentials: Create an Internal Integration in Notion Developers and get your Secret Key.
2. Connect: Add your integration to the specific Notion page you want to import (via the ... menu > Connections).
3. Import: Paste your API Key and Page URL into the plugin.
4. Sync: To update, simply select the imported frame and click the "Update" button in the plugin.

📝 Supported Blocks:

1. Paragraphs, Headings (H1-H3)
2. Bulleted & Numbered Lists
3. To-do lists (Checkbox states preserved)
4. Toggles (Imported as expanded lists)
5. Callouts & Quotes
6. Images (High-res & HEIC support)
7. Databases (Table view)
8. Dividers & Code Blocks
9. Synced Blocks & Column Lists

🔒 Privacy & Security:

This plugin uses a secure proxy to communicate with the Notion API. Your API keys are stored locally on your machine (clientStorage) and are never shared with third parties.