Ridd 🤿
@ridd_design
Followers
50,552
Following
484
Media
1,913
Statuses
13,083
Teaching 4,500+ advanced Figma ☞ Learning from top designers ☞ Founding designer ☞
☞
Joined May 2011
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
Vinicius
• 85526 Tweets
Neuer
• 70968 Tweets
Gaga
• 70037 Tweets
Natalie Elphicke
• 59093 Tweets
Chromatica
• 57334 Tweets
Bruno Mars
• 54969 Tweets
ANTT
• 53977 Tweets
Marseille
• 53172 Tweets
Suki
• 50739 Tweets
Gazzede SoykırımaDurDe
• 47505 Tweets
Mother's Day
• 46737 Tweets
Steve Albini
• 45275 Tweets
Gunna
• 41009 Tweets
#RMAFCB
• 36481 Tweets
Santiago Bernabéu
• 34313 Tweets
Piers Morgan
• 28657 Tweets
#EuroLeague
• 28603 Tweets
Fenerbahçe Beko
• 21570 Tweets
Kimmich
• 21001 Tweets
نوير
• 19824 Tweets
Big Black
• 19693 Tweets
البايرن
• 16963 Tweets
#RMABAY
• 13403 Tweets
Fiorentina
• 12146 Tweets
Vamos Madrid
• 10685 Tweets
Pinned Tweet
Academy 2.0 is finally LIVE 🎉
This is where teams like Stripe, Shopify, and Mercury have trained 4,000+ designers and now the program is more valuable than ever 💪
My goal was to create the most advanced design course on the internet...
Here's what's inside 👇
30
26
208
This is color sorcery 🪄
1) The website is so fun to use
2) The colors come out incredibly every time
102
10K
57K
The quality of designers coming out of Lagos, Nigeria is 🔥
There's gotta be something in the water over there...
290
3K
10K
All I'm saying is if Google is going to hype this "new look" for a month it better be good 😬
67
87
3K
I've used the exact same process to build countless color systems over the years...
It's EASY to reproduce and it works every time 💯
5 steps for building your next color system 👇
44
334
2K
Play with it yourself 👇
9
353
2K
"Slot" components are one of the best ways to save time as a product designer
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
👇
32
214
2K
Arc is a masterclass in product design 🤯
It's so inspiring and I feel like we can all learn a TON from how it's designed.
So I've been taking all kinds of notes...
Here are the 9 design elements that stand out the most 👇
30
136
2K
Obviously, auto layout, prototyping, dev mode, etc. is a huge deal...
But there were a LOT of amazing features released at Config that are easier to miss 👀
Creating a running list of some of my favorites as I find them 👇
24
221
2K
Wow somebody put in WORK on this inspiration site 👏
A must-save for product designers 💯
20
171
2K
Stripe reminding us that they're still the web design 👑
(wait 'til the scroll effect 👀)
43
102
2K
I have a feeling we're going to start seeing a lot more sites that look like this 👀
109
90
1K
"Is this the trajectory of UX?"
popular question on r/uxdesign nowadays
200
88
1K
I can't remember a time I saw a designer break the button frame with an icon 👀
Nice touch 👏
32
64
1K
Color theory can be a bit of a black box...
But over the years I've refined a process that I use on every product that I design.
• It's efficient
• It's easy to reproduce
• It works every time
5 steps to build your next color system👇
20
242
1K
Is it a blog? Is it a calendar?
Idk but design like this makes me happy ❤️
24
102
1K
The best designers never stop learning 💪
But most of the resources out there are only for beginners...
So I've partnered with 7 other (absurdly talented) designers to launch something totally new:
introducing Dive 👇
71
131
1K
10 keys to nailing responsive design in
@figmadesign
Aka: How to become your engineering team's favorite designer 👇
12
215
1K
I've been on a mission lately.
The more that I talk to designers working on ultra-high-quality products...
The more I want to understand what it takes to establish a culture of craft.
After months I'm starting to notice some clear patterns 👇
26
124
1K
Found a pretty interesting new tool 👀
It turns any published Figma library into a documented design system website
It's like ZeroHeight only it feels a lot simpler and more connected to Figma
Looks pretty promising👇
19
135
1K
Seeing a lot of people making the same mistake with slot components...
Here's what to avoid 👇
27
143
1K
I truly believe learning
@webflow
is one of the best investments you can make as a product designer
It's a master class in understanding how your
@figmadesign
UIs will ultimately be built.
So I created an animated walkthrough of the 5 main things I've learned from Webflow 👇
26
149
1K
14 practical ways to become your engineering team's favorite designer 👇
17
190
1K
Remember design Twitter pre-Framer?
Ya, me neither...
It's hard to keep up so over the last few months, I've been organizing inspiration like crazy...
Here are my top Framer bookmarks 👇
33
66
1K
It's taken me over 4 years...
But I think I finally have the perfect method for nailing ☀️/🌙 modes in
@figma
Here's my step-by-step process 👇
24
93
1K
As a hiring manager, I'm giving your portfolio project 20-30 seconds to hook me...
So make it SKIMMABLE
✅ The easiest way to do that is to make sure I get the gist by ONLY reading your headings 👀
❌ Labels like "Problem" and "Process" are a wasted opportunity
25
104
994
This is my favorite site I've seen all week
So many little big details 🤩
So I made a quick breakdown of all the visual techniques I'm saving for inspiration 👇
27
42
989
Who is using a Figma prototype as their portfolio?
Would love to see 😇
89
72
964
I've started using Kernel to design with real data in Figma.
Now I have the entire Maven database connected directly to my components and it's the game changer 🤯
Full breakdown 👇
10
61
964
One of my favorite design tactics is creating "Switchboards" in Figma.
It's a waaaayy more efficient way of prototyping.
Here's how they work 👇
20
103
942
I’ll never build a form in
@figmadesign
the same way again…
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 👇
16
108
905
AI tool that uses your design system to create new components (along with all of the code) 👇
19
97
896
I often find myself reading nothing with bento grids because EVERYTHING calls for my attention...
So I like this pattern of having a single high-contrast card 👀
27
39
874
I'm always on the lookout for new inspiration... 👀
Here are 10 designs I saved to my personal swipe file recently 👇
23
85
834
Some funky visuals to get the weekend creative juices flowing 🧃
22
71
826
New WebGL design tool that looks pretty interesting 👀
Just hopped on the waitlist
18
52
836
Apple's visionOS kit is now LIVE in
@figma
🙌
As if today wasn't already fun enough for designers
Link below 👇
5
73
795
In a world of dark mode Linear copycats...
This new site from Compound is a breath of fresh air 🤩
Here are my favorite design details for inspiration 👇
19
38
784
One of the more impressive junior-ish design portfolios I've come across 👏
38
67
755
A few mobile app UI details that I've found inspiring lately 👇
First up, I'm really enjoying these subtle new Spotify gradients 😍
14
40
756
This pattern caught my eye 👀
On scroll the container:
- shrinks
- decreases opacity
- slides under the container below using a parallax scroll effect
Nice touch 👌
15
47
751
Is anyone else a bit worried about the level of complexity creeping into Figma?
Balancing "make design accessible" with constant feature requests from a vocal power user base has to be TOUGH...
FWIW I think they're doing great. But each Config they steepen the learning curve 🤷♂️
107
34
733
More Figma nerdery...
I want to account for optical balance when icons are hidden from my button (so ideally you'd have less padding when an icon is present)
Anyone have a better solution than wrapping icons in a smaller frame and attaching the boolean there?
47
53
725
Being able to think like a developer is a superpower for designers 💪
And this mental model is the perfect starting point👇
17
91
719
Soooooo... this is cool 👀
A glimpse of what it looks like to make AI a first-class citizen in product design
12
92
708
This
@framer
awards pagemight be the most fun collection of design inspiration on the internet right now 😍
5
51
684
This is one of the most impressive prototypes I've ever seen in
@figma
🤯
I begged Ketan to create a Twitter account just so that I could share it with you...
👉 Follow
@buttons_whatnot
for more
I'm excited to see more experiments that push the boundaries of what's possible 🙌
35
56
657
Looking for some UI inspiration?
Here are 15 designs I've saved recently 👇
9
40
651
Variants pro tip incoming 👀
Create a single set of height variables.
And then apply them across all of your core "atoms" (buttons, inputs, etc.)
3 reasons why 👇
11
58
648
We waste too much time prototyping...
There are 4 main categories of prototypes and each requires a specific level of detail.
Here's how to make sure you’re designing for the right goal 👇
11
125
630
This site has it all
✅ Unique motif/art direction
✅ Streamlined narrative
✅ All the big little UI details
You'll want to save this one 👇
26
50
626
Designer A: Strong visuals + deep intuition for what makes a great product experience
Designer B: Ability to demonstrate UX/research and design process best practices
Give me option A all day long.
There. I said it.
42
60
622
I've looked at hundreds of design portfolios while hiring for Maven.
And honestly... the default format consistently falls short 😬
So instead of creating another cookie-cutter portfolio piece...
Try this instead 👇
19
91
619
Wow, instance swapping is about to blow the roof off of what we can do with components 🤯
Here's how 👇
#config2022
15
80
605
I'm starting to believe we're thinking about .base components the wrong way...
They're extremely powerful but only when used correctly.
So here are 5 principles for using .base components the right way👇
8
84
591
I'm often asked, "when do you turn your designs into components?"
...now I can just send people this video in response 😇
13
56
561
We talk a lot about the perils of "designing for other designers"
But what does it look like to NOT do that?
Most of the answers I see relate to not over-investing in meaningless details
But that's just one part 👇
22
31
539
Is it true that Spotify wrapped was originally created by an intern?
If so... pretty wild how big of a ripple effect that one idea has had 🤯
Seen concepts from Raycast, Workweek, Linear and many other awesome product teams this year...
12
41
532
Want to improve your visuals?
Try to notice little patterns used by designers like
@jamesm
and
@oguzyagizkara
Here's an example👇
11
43
526
These 3 panels taught me more about UI design than any course.
@webflow
isn't just a tool to create epic websites...
It's a masterclass in frontend logic 👇
10
57
521
The more I explore "slots" the more I realize that I was only scratching the surface before...
They're the ultimate bridge between components!
So I made a super practical walkthrough showing my latest use case 👇
8
52
516
We see a lot of light beams nowadays but I think this is the first time I've seen persistent shadows like this on a website 🧐
21
25
515
Config was a gamechanger for "Slot" components...
They're now more powerful than ever and I'm starting to rethink how I approach content systems in Figma...
Time for a deep dive👇
14
64
506
Figma files are the single most exciting way to create and distribute content
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 👇
23
64
501
Prototyping pro-tip:
When I'm sharing a high-fi prototype for feedback it helps to include little nav menus so that viewers can easily inspect the different states of a page 👀
22
32
495
Best of the best ✨
My top 10 product design walkthroughs of 2021 👇
11
78
495
I've learned so much from the
@figmadesign
community it's insane...
So I'm making it a priority to give back as a way to say thanks 🙏
Here's an evergreen thread of helpful files I've published to the community 👇
(including a new one at the end 👀)
8
59
490
Ready for a
@figmadesign
pro tip?
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 👇
12
55
483
It's pretty incredible how quickly web design with AI is advancing 👀
I've been tinkering with the new Dora AI beta and having WAY too much fun with it 👇
24
38
471
Pro tip: Use ↪️ emojis to simulate nesting with component props
10
15
470
The component properties beta is 🔥
Here are 3 ways I'm using the new features to level up my Figma game 👇
4
49
459
Great feature from
#config2022
that was easy to miss...
You can now control auto-layout directly from the canvas!
double click on an edge 👇
"Hug Contents"
opt + double click 👇
"Fill Container"
13
48
456
Component properties are a massive leap forward in Figma.
That being said...
They're falling short in one big way 👇
10
32
445
Are you hiring product designers right now?
👇 Shoot your shot
103
81
445
Latest site I've saved for inspiration
Lots of unique details ❣️
8
26
443
I think it’s time to take a step back from the typical portfolio structure.
You know… the one where the home page is mostly a grid of cards that all point to individual case studies 👀
Here's what I'd do instead of this 👇
32
33
437