<!-- LLM_VERSION_INFO
FORMAT: text/markdown
CONTENT_TYPE: article
ORIGINAL_URL: https://recess.gg/courses/intro-to-product-design-122f2a1a-f5f1-4d84-96db-a65ebcade71f
ALTERNATE_VERSION: courses/intro-to-product-design-122f2a1a-f5f1-4d84-96db-a65ebcade71f.html (text/html)
EXTRACTION_DATE: 2026-04-17T02:55:58.157Z

This is the markdown version with text-only content (images converted to alt-text).
For rich formatting with images, request the HTML version at: courses/intro-to-product-design-122f2a1a-f5f1-4d84-96db-a65ebcade71f.html
-->

# Intro to Product Design

Learn the basics of the Figma Design Editor so you can design websites, apps and more

Art & Design

Organized by Recess

Hosted by 1 expert guide

### Note: This course unlocks [Advanced Product Design](/content/courses/advanced-design-173cb4bc-6fae-4dc7-981f-78169708fd72/index.html).

* * *

Want to design websites or apps? This course will give you the skills. I will show you how to use Figma, a powerful design tool, to plan and mock-up user interfaces. Under my guidance, you will improve rapidly as you become familiar with how Figma works and you develop an eye for visual design.

### What we’ll learn:

1. The basics of Figma: frames, text, images, layers, Auto Layout...
2. Visual layout fundamentals: spacing, margins, whitespace, proportion, hierarchy, composition...
3. UI design patterns: Cards, buttons, navigation, articles, landing pages...
4. Style and taste: How to use fonts, colors, shapes, images and more to communicate.

### What you’ll need:

Make a [Figma](https://www.figma.com/downloads/) account. That’s it.
Oh, and if you work in Figma outside of class you’ll improve way faster. Try playing around and see what you can create.

### What even is Figma?

Figma is a cloud-based design tool used by software teams worldwide. It allows designers to create, collaborate on, and prototype user interfaces for websites, mobile apps, and other digital products. Figma is extremely versatile, and can be used for all sorts of projects, from card game design to storyboarding.

[See more](/content/courses/intro-to-product-design-122f2a1a-f5f1-4d84-96db-a65ebcade71f#!/index.html)

# Pick a time

EDT

[Mon @ 4 PM\
— Intro to Product Design Mon 1\
\
Registrations Open\
\
Register](/content/checkout?cohort=b6b52880-1770-4b57-8c7f-54e07316959c/index.html) [Tue @ 5 PM\
— Intro to Product Design 4 (Tue @ 2)\
\
Registrations Open\
\
Register](/content/checkout?cohort=d750eb82-3758-4e2b-a446-aae734e4c559/index.html)

1
cohort is full

Register Kid

Mon @ 6 PM
— Intro to Product Design Mon 3

Cohort Full

[None of these work?\
\
Tell us what time works best for you!](/content/preregister?course=122f2a1a-f5f1-4d84-96db-a65ebcade71f/index.html)

## Meet the guides

Expert guides leading this course

Henry G.

Recess Guide

Designer, pianist, hiker, board gamer | Probably drinking tea

## Course updates

Updates from guides of this course

Henry G. Guide

Mar 30 @ 6:02 PM

Class Canceled: Intro to Product Design on Monday, April 6 at 9:00 PM has been canceled.

Reason: The ***** are moving!

We apologize for any inconvenience.

$25per week

1x / week

60 mins

Register
