#Ridd
Slots for dummies
“Slots Components for Dummies” by Ridd, who is one of the biggest proponents of this approach. Great guide to one of Figma’s ultimate superpowers.
"Slots for dummies"
— Ridd 🏛 (@Ridderingand) January 15, 2022
The complete guide to @figmadesign 's ultimate super power 👇 pic.twitter.com/hhlkNVKuPl
How to leverage slot components in Figma
A practical walkthrough by Ridd of how you can use slot components to build a scalable system in Figma that is efficient and flexible.
7 goals for file organization
Ridd shares his approach to organizing files in Figma.
I'm constantly asked...
— Ridd 🏛 (@Ridderingand) November 26, 2021
"How do I organize my files?"
So here are my 7 goals for file organization in @figmadesign 👇 pic.twitter.com/NFuhHP3euu
Automating all the things
Ridd shows how he automated a repetitive part of his workflow with Automator.
Using Interactive Components as the first step in the process
Ridd shows an unconventional approach of using Interactive Components from the very beginning of the design process. Also, love his tip on using a second Figma window for the real-size preview!
Interactive components are my favorite @figmadesign feature.
— Ridd 🏛 (@Ridderingand) November 13, 2021
So why wait to use them until the end?
They're even more powerful as the very first step in the process!
Here's how I use them to explore new ideas 👇 pic.twitter.com/zir1RzgF2i
Building Form Components
Ridd with a step-by-step walkthrough to help you design form components that scale without drowning yourself in variants.
10 keys to nailing responsive design
Ridd shares great tips on how to make your designs more developer-friendly.
10 keys to nailing responsive design in @figmadesign
— Ridd 🏛 (@Ridderingand) September 25, 2021
Aka: How to become your engineering team's favorite designer 👇 pic.twitter.com/VLJwlEhI9j
“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 👇