Figma

UI design

visual hierarchy cover photovisual hierarchy cover photo

What is visual hierarchy

If everything looks the same, then you see nothing. Visual hierarchy can change that.

difference between ui and ux cover photodifference between ui and ux cover photo
UI vs UX

Read on to find out what it takes to design engaging UI, and create a memorable UX.

Learn more

Simplicity

Find out more about how simplicity can reduce friction and remove fear and doubt when a user interacts with your product.

Learn more

Consistency

Learn how consistency in design creates a cohesive brand experience and lets your users know what to expect.

Learn more

constraints in design cover photoconstraints in design cover photo
Constraints

While constraints sound like limitations, these creative guardrails can actually help free you to focus on what really matters.

Learn more

Typography

Get an introduction to typeface selection, color contrast, alignment, readability, text hierarchy, and more.

Learn more

Templates

Learn more about how teams are designing in Figma today

Keep reading

Design resource library

Discover best practices and how-to content to improve your product development journey.

Design basics

Get started in design by learning the basics.

prototyping cover photoprototyping cover photo
Prototyping

Bring ideas to life. Test concepts early and often with our prototyping resources.