Course

Visual Design Foundation

Learn the graphic design principles every design career rests on, from color and typography to layout, and put them to work in Figma. You also learn to direct AI imagery with a trained eye, and you build 4 portfolio projects with feedback from a senior working designer.

Beginner

Includes AI Imagery

8 Units

4 Portfolio Projects

6 1:1 Sessions

Get 1:1 Feedback in Every Course

Every course and program is taught 1:1 by default, and you can start any day.

Choose the Instructor Who Teaches You

Pick a senior working designer from companies like USA Today, Capital One and Microsoft.

Train Your Eye Before the Tools

Learn the judgment that outlasts any app, including how to direct what AI makes.

Finish with a Portfolio Built for Your Next Role

Every path ends in case studies for your first job, a career switch or a promotion.

Who It Is For

Build the Visual Foundation Every Design Career Needs

Most designers jump straight into tools. This course starts with the principles behind polished, intentional work, then teaches the tools you use to apply them.

1

UX Designers Missing Visual Design Skills

Product design roles expect strong visual skills too. Fill the gaps so your work looks as good as it works.

2

Design Students Before Their Portfolio

Learn visual design before a UX course or Portfolio School, so your projects look ready to ship.

3

Marketers Who Design Part of the Time

Add real visual design skills to your social and marketing work and stand out in your field.

What You Learn

Learn the Graphic Design Principles Behind Polished Work

Understand the Core Principles

Use color, typography and layout with intention, so your work feels balanced and clear.

Use Figma with Confidence

Work in the tool most product designers use, from components and auto layout to vector drawing and AI image edits.

Apply Color with Purpose

Build palettes, create hierarchy and use color well across digital and print.

Work with Typography Like a Pro

Classify, pair and space type so your text is readable, structured and compelling.

Design Clean, Structured Layouts

Use grids, spacing and hierarchy to guide attention and communicate clearly on any screen.

Direct AI Imagery with a Trained Eye

Generate and edit images with AI, then judge each result with the same principles you use for everything else.

Curriculum

What You'll Learn in the Course

You practice with hands-on exercises in every unit and build 4 portfolio projects along the way. Download the free syllabus for every lesson and exercise.

Illustration for Introduction to Design

Unit 1

Introduction to Design

See what design is and learn the basic principles every other unit builds on.

Illustration for Figma Fundamentals

Unit 2

Figma Fundamentals

Get fluent in Figma, from frames, components and auto layout to drawing vectors with Figma Draw.

Illustration for Color Theory

Unit 3

Color Theory

Build palettes with purpose, from color models and harmony to color psychology and color in type.

Illustration for Typography

Unit 4

Typography

Classify, pair and choose typefaces, and use web fonts well in responsive design.

Project: A type package

Illustration for Typesetting

Unit 5

Typesetting

Set leading, tracking, kerning and alignment, and fix widows, orphans and rags.

Illustration for Images, Icons and Illustration

Unit 6

Images, Icons and Illustration

Choose and edit images with Figma’s AI tools, and draw icons and simple illustrations that look like one family.

Project: An icon set

Illustration for Directing AI Imagery

Unit 7

Directing AI Imagery

Describe what you want in design language, generate images with AI and judge every result against the principles you learned.

Project: Campaign visuals made with AI

Illustration for Layout

Unit 8

Layout

Use hierarchy, grids and proportion to build layouts that guide the eye, and bring every skill together.

Final project: A festival microsite

Free Download

Test Your Visual Design Skills with Real Design Questions

A 10-question self-assessment that uses real design mockups to show where your visual judgment is strong and what to practice next.

10 questions built around real UI mockups

Scores for hierarchy, typography, color, spacing and composition

A plain explanation of what your score means

Next steps for every skill gap it finds

Free Syllabus

See Every Lesson Before You Enroll

Get the full syllabus with every unit, project brief and 1:1 session laid out in order, so you know exactly what you will learn and make.

Visual Design Foundation SyllabusPDF, sent to your inbox

Instructors

World-Class Instructors with Proven Teaching Experience

Our instructors are great at what they do and teach it even better. You can choose which instructor to work with or even work with multiple instructors.

Reviews

Hear from Designers Who Took the Course

I graduated from another bootcamp and felt self-conscious about my visual design skills. The foundation was taught super well! I’m excited to get into Portfolio School to improve my portfolio now.

AF

Amy Ferguson

UX Design Bootcamp Graduate

I’ve dabbled in design for many years but never had formal education in it. I could pay for what I really need and get the results I wanted.

MK

Maddi Kapusinsky

Multidisciplinary Creative Moving Into Design

This year I’m up for promotion, and I want to prove I can do more. I could tell the curriculum was super well written.

JB

Jonathan B. Campbell

UX Designer Going for a Promotion

Free Lessons

Try 4 Lessons Free Before You Decide

Open 4 real lessons from Visual Design Foundation in your student dashboard and see how the lessons, examples and briefs work before you enroll. It is free.

Free PreviewVisual Design Foundation
1Welcome to Visual Design FoundationFree
2Figma QuickstartFree
3Creating Effective Color PalettesFree
4Introduction to Gestalt PrinciplesFree
5The rest of the courseWhen You Enroll

Enrollment Options

Choose How You Want to Learn

Every option includes all 8 units and 4 projects. The difference is how much 1:1 feedback you get from your instructor.

Low Entry Price

Self-Study

$299

One-time payment

Best Value

Full Program

$699

One-time payment

You Save

$100

Career Program

With Portfolio School

$3,899

if bought separately

$3,799

or 5 monthly payments of $759.80, no interest

Ask Your Employer to Pay for It

Many companies cover training through a learning budget. Download a ready-to-send approval letter that explains what you’ll learn and how it helps your team. After you pay, your invoice is waiting in your dashboard, and you can add your company name, VAT number or PO number to it.

FAQs

Get Answers Before You Enroll

No. This course is built for people just starting out, and for designers who have worked by instinct and want a solid foundation.
You work in Figma, including its vector drawing and AI image editing tools, and you direct an AI image generator of your choice. The principles carry over to any tool, including Adobe Illustrator and Photoshop.
UI/UX design covers user flows, wireframes and product thinking. This course covers the visual layer, the craft that makes a design look intentional and polished.
Yes. It covers the graphic design fundamentals every designer needs, from color, typography and layout to images and icons. You can use them in graphic, brand, marketing or product design work.
Portfolio School turns your new skills into a portfolio, and Art Direction and Brand Design build on this foundation.
The lessons are self-paced. With the Full Program, you have 4 months to use your 6 sessions, plus a 1-month grace period.
You can restore your leftover sessions once for $60 and use them within 60 days. After that, single sessions are $80 each.
Yes. Download the approval letter on this page and send it to your manager. After you pay, your invoice is in your dashboard, and you can add your company details, VAT number or PO number.
Take the course if you already work as a designer and want a new skill. If you want your first design job or a career switch, a career program adds Portfolio School so the new skill shows up in your portfolio.

Ready to Launch Your Dream Design Career Yesterday?⁠

Your dream design career won’t start itself, but we are here to make sure it happens for you. If not yesterday, very soon.

Scroll to Top

Try Visual Design Foundation for Free

Open free preview lessons from Visual Design Foundation and see how the course works before you enroll.