Design Projects
DESIGN PROJECT

Recreate Airtable's Landing Page

This beginner project is perfect for anyone who's new to Figma or wants to learn best practices. We'll cover all the basics and get familiar with Figma's most powerful features. We'll start by getting everything set up with styles and icons, then design the full page, section by section. In the end, we'll add constraints to make everything responsive.
Key skills covered
Creating and applying styles
Adding and using icons
Creating and using components
Applying auto layout
Adding responsive behavior with constraints
Start Design Project
Beginner+
14 tutorials
2 hrs

Project Outline

A step-by-step guide to designing your project
Overview of the project and how to use project resources.
Practice how to add and edit styles.
Practice how to add icons from a plugin and turn them into main components.
Practice how to use frames, lines, text layers, and styles.
Practice how to use components, auto layout, images, text layers, and styles.
Practice how to use gradients, components, auto layout, images, text layers, and styles.
Practice how to use auto layout, images, text layers, and styles.
Practice how to use effects, components, images, text layers, and styles.
Practice how to use components, effects, shapes, images, text layers, and styles.
Practice how to use components, effects, images, text layers, and styles.
Practice how to use components, text layers, and styles.
Practice how to use components, auto layout, images, text layers, and styles.
Practice how to use constraints.
Overview of challenge for non-existent extra credit