.svg)
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
.svg)
Creating and applying styles
Adding and using icons
Creating and using components
Applying auto layout
Adding responsive behavior with constraints
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.
Part 12: Create Footer
12:38
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