Notion is a flexible workspace that lets designers organize ideas, track projects, and store assets—all in one place. This tutorial shows step‑by‑step how designers can turn Notion into a living design hub. You’ll learn how to set up a workspace, choose templates, embed Figma files, manage assets, and collaborate with clients.
Open Notion and click “New Page”. Choose the Workspace icon and name it Design Hub. This page will become the root for all design content.
Click Share → Invite. Add team members by email and select Can edit. For external clients, choose Can comment to keep the file read‑only.
Inside Design Hub, create these top‑level pages:
The Design Sprint template gives you a 5‑day Kanban board, a research table, and a testing checklist. Duplicate it by clicking Duplicate in the template gallery.
// Duplicate a template via API (optional)
POST https://api.notion.com/v1/pages
{
"parent": {"database_id":"YOUR_DB_ID"},
"properties": {"Name":{"title":[{"text":{"content":"My Sprint"}}]}}
}
Create a new database, select Gallery, and add properties: Name, Category, Version, and Figma Link. Upload a thumbnail for each UI component.
Include sections for Project goals, Target audience, Brand assets, and Milestones. Use a Toggle block for each question to keep the brief tidy.
Drag‑and‑drop PNG, SVG, or PDF files into the Asset Vault page. Notion’s free plan allows files up to 5 MB; the Team plan raises the limit to 100 MB.
Use a File block to insert a Dropbox link. The file stays in Dropbox, but Notion shows a preview and a download button.
// Example markdown for a linked asset
[Brand Guidelines](https://dropbox.com/s/xyz/brand.pdf)
Create a synced block that contains the latest style guide. Place the block on every project page. When you update the block, all instances refresh automatically.
Highlight any block and click the speech‑bubble icon to leave a comment. Tag teammates with @name to send a notification.
In the Projects Kanban board, add a Person property called Assignee. Drag a card to In Progress and assign it to a teammate.
Make a copy of a design page, set its sharing link to Can comment, and send the URL to the client. Clients can leave feedback directly on the page, keeping all comments in context.
Copy a Figma file’s share link, paste it into a Notion page, and choose “Create embed”. The prototype appears as an interactive frame.
Use Zapier to create a new Notion task when a Trello card moves to “Ready for Design”. This keeps two tools in sync without manual entry.
Store design tokens in a GitHub repo, then embed the raw file using a Code block. Notion will render the JSON with syntax highlighting.
/todo to add a checklist instantly.Ctrl + Shift + L (Windows) or Cmd + Shift + L (Mac) to toggle dark mode.Category = “Buttons” to see only button assets.| Feature | Notion | Milanote | Trello |
|---|---|---|---|
| Free tier storage | 5 MB per file (Team: 100 MB) | Unlimited images, 10 GB total | 10 MB per attachment |
| Kanban boards | Native, customizable | Board view limited | Core feature |
| Database relations | Yes, multi‑relational | No | No |
| Figma embed | Live embed supported | Static image only | No embed |
| Pricing (per user) | Free / $8 mo (Team) | Free / $12.99 mo (Pro) | Free / $5 mo (Business Class) |
| Best for | All‑in‑one docs + DB | Visual moodboards | Simple task tracking |
Notion cannot replace the core creation tools of Adobe, but it can replace project tracking, asset libraries, and client briefs. Use Notion alongside Creative Cloud for a complete workflow.
Notion offers a free Personal plan with unlimited pages and blocks. For teams, the paid “Team” plan costs $8 per member per month and adds version history, admin tools, and higher upload limits.
Copy the Figma share link, paste it into a Notion page, and select “Create embed”. Notion will render an interactive preview that updates when the Figma file changes.
Yes. Use Notion’s “File” block to link to Dropbox, Google Drive, or OneDrive files. The link opens the file in the original service, keeping storage separate.
The “Design Sprint” template, “Component Library”, and “Client Brief” template are popular. They include ready‑made tables for user research, a Kanban board for sprint tasks, and a gallery view for UI components.
With these steps, Notion becomes a central hub for every design project. Set up your workspace, add the right templates, embed your prototypes, and keep assets organized. The result is a clear, collaborative environment that saves time and reduces scattered files.