Creating a DESIGN SYSTEM for your buttons in Figma (picking colors, variations, & component sets!)
Вставка
- Опубліковано 3 жов 2024
- In today's video I'm going to walk you through my process for creating a design system for buttons on my website designs.
We'll go through the process of creating 10 different variants and instructions on how to double that system to incorporate dark mode.
Taking the time to organize your file and put a method to your madness will speed up your design and development process and help ensure your websites are more consistent.
💻 Visit Our Website: theadmin.bar/y...
🗨 Join Our Free Community: theadmin.bar/y...
📨 Get the Best of The Admin Bar Delivered: theadmin.bar/y...
🔁 Sell More Care Plans: theadmin.bar/y...
🧮 Use My Website Price Calculator: theadmin.bar/y...
📜 Get My Proposal Template: theadmin.bar/y...
☑️ Get More Done with My Checklists: theadmin.bar/y...
🔴 Live Event Schedule: theadmin.bar/y...
🔧 The Tools I Use: theadmin.bar/y...
⚡ My Agency, OGAL Web Design: theadmin.bar/y...
Yes, would love to see part 2!
Part 2 yes! Great guide Kyle!!
Yes, would love to see part 2.
Also, I've always been a design-in-the-browser guy, but feel it's time to learn Figma (especially since Adobe isn't buying it). Can you recommend a good source for learning Figma? Thanks!
The channel 'Design Course' does a crash course every year that's free on UA-cam. I would probably start there! I used to design in the development tools too - but using a dedicated design tool has a ton of benefits, including; more unique designs, better development planning, easier to collaborate and iterate, etc.
At this point, I would never go back.
Thanks, Kyle.
Part 2 please!
Yes, a part 2 would be great!
Are you doing this in the GB/GP alpha? I'm still trying to wrap my head around using the style classes.
Yeah, this would be a really good use case for classes :)
Yes, part 2 on implementing it in generate block would be much appreciated 👍