Buttons Lessons

Recognize the essential components that appear in almost every interface you'll design or use

Dive into the basics of animation and its uses in UX design

Understand how text, icons, containers, and dimensions come together to form UI components

Explore the elements that shape intuitive, consistent, and visually captivating UI experiences

Discover the most basic building blocks that make up a user interface

Design hover, focus, disabled, and error states for UI components that tell users exactly what's happening at every step

Identify the UI components that organize content, provide feedback, and help users navigate

Know when to use primary, secondary, icon, toggle, and other button types to guide user actions

Explore the various types of icons and their uses in UX design

Choose button shapes and styles that match your brand's personality and guide users to act

Design buttons that are accessible, legible, consistent, and sized for real fingers and cursors

Learn what separates forms users complete from forms they abandon, and how to design the difference

Signal progress and prevent frustration when users need to wait with the right type of loader

Write clear, scannable button labels that tell users exactly what will happen when they click

Use chips to label, filter, and organize content in compact, interactive elements

Discover how to create smooth and appealing color gradients in Figma.

Master the core UI controls that power fluid interactions across Apple platforms.

Master the implementation of Apple's system buttons to create more intuitive interfaces.

Use design tokens to turn visual styles into structured, reusable rules for consistent products.