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:🔄 One-Click Sync: Made changes in Notion? Just select the frame in Figma and click "Update" to refresh the content instantly.📊 Tables & Databases: Imports both Notion Tables and Databases as fully responsive Auto Layout tables with rich text styling in cells. Columns automatically adjust to fit your content.🎨 Rich Text & Styles: Preserves Bold, Italic, Strikethrough, Underline, Links, Inline Code, Code blocks, and text colors — even inside table cells.🖼️ Robust Image Handling: Supports all image types with automatic HEIC conversion and image caption rendering.📐 Perfect Auto Layout: All imported content is wrapped in clean, nested Auto Layout frames, making it easy to resize and adapt.🪆 Recursively Fetches Content: Handles nested blocks, Toggle lists, Synced blocks, and Column lists without missing data.🚀 How to use:Get your credentials: Create an Internal Integration in Notion Developers and get your Secret Key.Connect: Add your integration to the specific Notion page you want to import (via the ... menu > Connections).Import: Paste your API Key and Page URL into the plugin.Sync: To update, simply select the imported frame and click the "Update" button in the plugin.📝 Supported Blocks:Paragraphs, Headings (H1-H3)Bulleted & Numbered ListsTo-do lists (Checkbox states preserved)Toggles (Imported as expanded lists)Callouts & QuotesImages (High-res, HEIC support & Captions)Tables & Databases (with rich text cell styling)Dividers & Code BlocksSynced 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.