Skip to main content
Claude Design Basics
0%
Previous
Course data
General
Announcements
Getting Started with Claude Design
Overview: Getting Started with Claude Design
What Claude Design Is
Touring the Interface
Understanding Files and Projects
Using the Artboard Tool
Saving and Managing Versions
Exercise: Workspace Orientation Challenge
Review: Getting Started with Claude Design
Activity: Set Up Your First Workspace
Layout Foundations and Grids
Overview: Layout Foundations and Grids
Why Grids Matter
Applying Layout Grids
Spacing and Rhythm
Working with Columns and Margins
Visual Hierarchy Basics
Exercise: Grid Alignment Drill
Review: Layout Foundations and Grids
Activity: Apply a Layout Grid to an Artboard
Working with Text, Shapes, and Imagery
Overview: Working with Text, Shapes, and Imagery
Using the Text Tool
Adding Shapes for UI Elements
Color and Styling
Importing and Masking Images
Grouping and Organizing Elements
Exercise: Build a Simple Header Bar
Review: Working with Text, Shapes, and Imagery
Activity: Create a Basic UI Section
Creating Reusable Components
Overview: Creating Reusable Components
What Components Are
Creating a Component
Building Variants and States
Using the Component Library
Updating Components Globally
Exercise: Identify Component Candidates
Review: Creating Reusable Components
Activity: Build a Reusable Button Component
Putting It All Together: Full Screen Layout
Overview: Putting It All Together: Full Screen Layout
Planning a Screen
Structuring the Canvas
Placing Core UI Elements
Applying Components
Polishing and Reviewing
Exercise: Screen Review Sorting Storm
Review: Putting It All Together: Full Screen Layout
Activity: Assemble a Complete Onboarding Screen
Lab: Creating Your First Interface Layout
Overview: Lab: Creating Your First Interface Layout
Lab: Creating Your First Interface Layout
Review: Lab: Creating Your First Interface Layout
Lab: Creating Your First Interface Layout
Lab: Building Your First Component
Overview: Lab: Building Your First Component
Lab: Building Your First Component
Review: Lab: Building Your First Component
Lab: Building Your First Component
Next
Side panel
Categories
All categories
Course Demonstrations
Free Mini Courses
AI Learning Hub
AI Essentials
Level 1: Generative AI Foundation
Level 2: Grounding AI with your Data
Level 3: Automating AI Workflows
Office
Webinars
Power BI
Programming
WordPress
Microsoft Official
Accounting
CompTIA
Google
Upskilling Series
ONLC Staff Training
Generative AI Skills
Instructor Review
Private Classes
Home
Log in
Username
Username
Password
Password
Forgot your password?
Log in
Categories
Collapse
Expand
All categories
Course Demonstrations
Free Mini Courses
AI Learning Hub
AI Essentials
Level 1: Generative AI Foundation
Level 2: Grounding AI with your Data
Level 3: Automating AI Workflows
Office
Webinars
Power BI
Programming
WordPress
Microsoft Official
Accounting
CompTIA
Google
Upskilling Series
ONLC Staff Training
Generative AI Skills
Instructor Review
Private Classes
Home
Course info
Claude Design Basics
Start designing with core interface tools.
Skill Level
:
Beginner
