Templates
Helix
Business & Services
Coming Soon
Auxo
Web3 & Crypto
Coming Soon
Fluxy
Ecommerce
Coming Soon
Exclusive
Free
Top Industries
Beauty
Business
Ecommerce
Education
Fashion
Food
Medical
Non-profit
Photography
Real Estate
Sports
Travel
Web3
Scroll
Exclusive
Can't find the right template?
Submit Template →
View All
Learn
Masterclass II
✨ The Power of A.I
Coming Soon
Soon
Masterclass I
⚡️ Build Pro Websites
Coming Soon
Go Pro
Unlock lifetime access
Courses
Build powerful web apps
Tools & Resources
+500 curated tools for you
Freebies
Premium templates
Sparks
Premium cloneables
Sign up
Get started for free
About
Pricing
FAQs
Contact
English
Español
Login
Account
Figma
/
3.0
The Interface
Prev
Next
view lessons
1 UI Systems
1.1 Tools for Success
1.2 UI Design Patterns
1.3 Gestalt Principles
1.4 Design Standards
2 The Moodboard
2.1 What is the Moodboard
2.2 Research and Inspiration
2.31 Part I: The Look & Feel
2.32 Part II: Atomic Design Practice
2.4 Textured Gradients
2.5 Typography and Hierarchy
2.6 Clean the Styleguide
2.7 3D Shapes with Vectary
3 The Interface
3.1 The Grid System
3.2 Above the Fold
3.3 The Fixed Navigation
3.41 Features I: Continuity
3.42 Features II: Common Region
3.51 Products I: Proximity
3.52 Products II: Symmetry
3.6 Visual Parallax
3.7 One-Click Registration
3.8 Adapting to Mobile
3.9 Organizing our System
4 Exporting Assets
4.1 Preparing to Export
4.2 Compress our Assets
4.3 Figma Microanimations
Overview
Figma
Design Systems
Coming Soon
Highlights
Figma Source Files
download assets
Overview
Figma
Design Systems
Coming Soon
Highlights
Figma Source Files
download assets
Templates
Tools
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
