Design & Build Notion iOS in Figma
cover-thumbnail
Notion UI Layout
Design Notion app screens using the components and styles you've built. Learn to structure, refine, and align your layouts with Instagram’s design system.

0%

Classes

class-image

Notion: Designing Getting Started Screen

28:04

class-image

Notion: Designing Task List Screen

17:43

class-image

Notion: Designing Side Modal

13:54

Master Designing Notion's Screens with Auto Layout
In this course, you'll bring together the components and styles created in previous sessions to design full screens for the Notion app. Through hands-on practice, you'll apply IG’s color, text, and grid styles while assembling UI elements into well-structured, consistent layouts.
Course certificate
Notion UI Layout
Design & Build Notion iOS in Figma
1

Notion Prototype

topic-thumbnail-Notion UI Styles

Notion UI Styles

3 classes

2

Notion Prototype

topic-thumbnail-Notion Base Components

Notion Base Components

12 classes

3

Notion Prototype

topic-thumbnail-Notion UI Layout

Notion UI Layout

3 classes

4

Notion Prototype

topic-thumbnail-Notion Prototype

Notion Prototype

2 classes

Sign up to start learning
Build UX/UI career skills & confidence for less than $3/week –– cancel anytime
or