Learn to create high-impact website designs using Figma in this comprehensive 90-minute course. Master essential techniques like grid consistency, color balance, and typography while exploring Figma's powerful features for components and styles. Discover how to craft engaging layouts, incorporate hero images, and apply gradients effectively. Delve into advanced topics such as page rhythm, background blur for depth, and sophisticated animation techniques. Perfect for Adobe XD users transitioning to Figma, this course provides practical tips and tricks to elevate your web design skills and create visually stunning, user-friendly websites.
Overview
Syllabus
Introduction
Get consistent with grids
Don’t be dull and grey
Tips for icon design
The great thing about Figma components
The 60-30-10 colour balance principle
Honestly, one font is enough
Lead your users through the page
When to go centred with text
Adobe XD vs. Figma colour styles
The importance of hero images
“Ah love me a good gradient!”
The rhythm of a page layout
Background blur for hi-fidelity depth
Introducing subtle motion
Advanced animation in Figma
Taught by
Envato Tuts+
