Home

Blog

Tutorials

How to create a button the right way?

How to create a button the right way?

Tutorials

1 min

By

Sergei Chyrkov

In this video I'll explain how to design a button in Figma using Auto Layout and components. I'll tell you the difference between bad and good buttons. Also I'll show you how to use layer boolean properties inside the button to make it for versatile.



See more from me in Google Search

Add sergeichyrkov.com as a preferred source to get my tutorials and articles highlighted in Top Stories and AI Overviews.

Become the Designer Who Can Ship High-End Sites Fast — and Keep 100% of the Revenue 😎

Stop waiting on developers. Start shipping complete websites — and keep all the revenue that comes with it.

Book a 1:1 Session

Book a 1:1 Session

1:1 sessions and design consultations with Sergei Chyrkov

Become the Designer Who Can Ship High-End Sites Fast — and Keep 100% of the Revenue 😎

Stop waiting on developers. Start shipping complete websites — and keep all the revenue that comes with it.

Book a 1:1 Session

Book a 1:1 Session

1:1 sessions and design consultations with Sergei Chyrkov

Become the Designer Who Can Ship High-End Sites Fast — and Keep 100% of the Revenue 😎

Stop waiting on developers. Start shipping complete websites — and keep all the revenue that comes with it.

Book a 1:1 Session

Book a 1:1 Session

1:1 sessions and design consultations with Sergei Chyrkov

More from my blog

View all

View all

Relume Publish Workflow: Build Client Websites Fast (No Code)

The Relume Publish Workflow: How I Build Client Websites Without Losing My Mind (or My Weekend)

Tutorials

I Turned My Website Into a Design System With Claude Code — Then Built an App With It

Tutorials

How I Build a SaaS Product with AI in One Week (My Actual Workflow, Step by Step)

Tutorials

Why Your AI Design Workflow Is Producing Slop (And How to Fix It)

Tutorials

How I Turned a Generic AI-Generated Website Into a Professional Design

How I Turned a Generic AI-Generated Website Into a Professional Design (My Full Claude Design Workflow)

Tutorials

How I Use an AI Website Design Workflow to Go From One Prompt to a Live, Award-Worthy Site

Tutorials

Relume Publish Workflow: Build Client Websites Fast (No Code)

The Relume Publish Workflow: How I Build Client Websites Without Losing My Mind (or My Weekend)

Tutorials

I Turned My Website Into a Design System With Claude Code — Then Built an App With It

Tutorials

How I Build a SaaS Product with AI in One Week (My Actual Workflow, Step by Step)

Tutorials