#Ridd
“Slot” components
Ridd shows how to use “slots”, placeholder components that are part of larger organisms or templates. They are intentionally empty so that they can be replaced with a local component.
"Slot" components are one of the best ways to save time as a product designer
— Ridd 🏛 (@Ridderingand) September 7, 2021
They can be tricky at first, but once you wrap your head around the right way to use them...
They become one of the most powerful tactics in @figmadesign👇 pic.twitter.com/wdIvmr196H
Building a form component
Ridd shares a detailed guide to building a customizable and flexible form component.
I’ll never build a form in @figmadesign the same way again…
— Ridd 🏛 (@Ridderingand) August 26, 2021
⁰⁰It took me countless tries, but I think I’ve finally created a system that is flexible and doesn't result in variant overload 💪
Here's a 5 step walkthrough 👇 pic.twitter.com/Zl5C8odCmI
Use an IconWrapper to nest icons in your components
Ready for a @figmadesign pro tip?
— Ridd 🏛 (@Ridderingand) August 15, 2021
Use an `IconWrapper` to nest icons in your components.
That way you can always resize your icons without having to detach components, hide layers, or add additional variants.
Here's how it works 👇 pic.twitter.com/rZDEoihWgs
Behind-the-scenes look at building a design system
Ready for a behind-the-scenes look at one of my favorite systems I've ever built in @figmadesign ?
— Ridd 🏛 (@Ridderingand) August 8, 2021
Of course you are (it'll be fun) 👇 pic.twitter.com/iiRmDdcc5q
Figma Community “magazine” concept
Figma files are the single most exciting way to create and distribute content
— Ridd 🏛 (@Ridderingand) July 14, 2021
So what if @figmadesign launched a "magazine" for the community delivered as a design file?
It would be interactive + educational + community-driven
Here's what I think it could look like 👇
Building a menu with nested components
Building complex nested components is one of my favorite parts of working in @figmadesign
— Ridd 🏛 (@Ridderingand) June 24, 2021
I love seeing how people think about the building blocks!
So this is me peeling back the curtain and showing you exactly how I built this menu component below 👇 pic.twitter.com/2CvgBkPhyj
Right and wrong ways to use Variants
There's a right way and a wrong way to use variants in @figmadesign.
— Ridd 🏛 (@Ridderingand) June 20, 2021
When used correctly, they can be the most powerful part of your entire workflow.
These are the 5 steps I do for every single component I create 👇