Ryhan Profile Banner
Ryhan Profile
Ryhan

@ryhanhassan

10,326
Followers
5,882
Following
1,150
Media
14,900
Statuses

Design @figma 🏳️‍🌈

San Francisco, CA
Joined December 2008
Don't wanna be here? Send us removal request.
Pinned Tweet
@ryhanhassan
Ryhan
2 months
After years in the making, I’m so excited to share our redesigned Figma, stripping back the interface to really focus on your work, and introduce a broad range of usability improvements across the system. We’re rolling out in beta starting today at Config, and I can’t wait for
73
87
2K
@ryhanhassan
Ryhan
7 years
Quick demo of a sketching tool that recognizes shapes and pulls in known interface elements from a component library.
87
729
3K
@ryhanhassan
Ryhan
3 years
Small update — today we’re rolling out a new macOS icon that’s designed to feel at home on Big Sur.
Tweet media one
35
86
2K
@ryhanhassan
Ryhan
2 years
Excited to (finally) release dark mode in @figma . Behind the scenes, making this happen required some significant changes to our color system. For more about how it works, @pwnies and I are giving a talk about the new system at Config!
36
175
2K
@ryhanhassan
Ryhan
3 years
I’m *super* excited to start rolling out a redesigned version of comments in Figma and FigJam. It makes it easier for collaborators to chime in, and gives designers more tools to manage feedback. @figmadesign Some design details:
58
106
1K
@ryhanhassan
Ryhan
4 years
Some news — today was my first day @figmadesign ! I’ve admired this team for a long time, and I’m so excited to join.
106
9
1K
@ryhanhassan
Ryhan
6 years
🌈 Dropbox Paper update - you can now draw a timeline in any Paper doc. It’s been super handy while planning projects to visualize when things need to happen, and keep everyone involved on the same page.
Tweet media one
32
90
787
@ryhanhassan
Ryhan
3 years
Super fun project – @tonigemayel @mwichary and I got to collab on a Figma keyboard, with custom keycaps that highlight common keyboard shortcuts
Tweet media one
25
46
750
@ryhanhassan
Ryhan
5 years
👬Married @kevinschaefer !
Tweet media one
Tweet media two
Tweet media three
81
1
613
@ryhanhassan
Ryhan
5 years
Some news - after a good 5 years, today is my last day at @DropboxDesign . Thank you thank you thank you for taking a chance on me, mentoring me, and making the work so rewarding. I feel super nostalgic, a little sad, and very very excited.
32
0
417
@ryhanhassan
Ryhan
2 years
Was cleaning out a closet, and found my old iPhone 4 still running iOS6. Surreal digging through every app frozen in time.
Tweet media one
10
5
383
@ryhanhassan
Ryhan
5 years
Super excited to announce this. We’ve been quietly working on a new email client designed to keep you calm and focused at work. We’ve kept it invite-only for a while, and we're finally ready to open up access.
@considerhq
Consider
5 years
🎉 No more waitlist, now anyone can sign up for Consider. Check us out:
6
8
95
42
20
372
@ryhanhassan
Ryhan
4 years
Was sort of inspired by @jornvandijk this morning — made a proof of concept for myself of Framer Classic that works on an iPad.
13
12
269
@ryhanhassan
Ryhan
2 years
With design twitter fading, I was thinking about how much I owe and miss the design community from 10 years ago. I wonder if there will ever be a thing quite like that again
13
7
259
@ryhanhassan
Ryhan
5 years
👋 Another Dropbox Paper update — we just shipped more powerful tables! To make it easier to coordinate projects, we’ve been quietly redesigning tables to support headers, sorting, background colors, images, better resizing, and more.
Tweet media one
12
18
245
@ryhanhassan
Ryhan
7 years
For example, right now I have a little tool that can look at a static unlabeled image, select a region (component) and change it's state.
7
21
243
@ryhanhassan
Ryhan
26 days
I've been seeing neat shader visual effects popping up everywhere - there are some fun ones in iOS - and have wanted to bring these into my own prototypes. Definitely learning as I go, but making these little toy files as I fiddle around.
7
5
246
@ryhanhassan
Ryhan
3 years
So excited to ship this, and finally make it easy to work across your work and personal accounts. This took a huge team effort, particularly since we needed to touch so many layers to get this right — from identity/auth, to the file browser, editor, desktop app, and Community.
@figma
Figma
3 years
Next up: Do you use Figma for work? Yes. And for your personal projects? Also yes. Now you can switch accounts seamlessly, flipping between your design system and the side projects you bought domains for and are totally going to finish. Stay tuned, more tomorrow 🎉
145
231
2K
15
4
237
@ryhanhassan
Ryhan
8 years
Paper just shipped ✨Presentation mode✨all thanks to @bobthecow . It's become my default way to present design work during crits.
12
29
219
@ryhanhassan
Ryhan
7 years
We made a thing
13
25
214
@ryhanhassan
Ryhan
8 years
This will fix the App Store
Tweet media one
Tweet media two
10
105
197
@ryhanhassan
Ryhan
9 years
Super excited to *finally* share what we've been working on for the last year or so - Dropbox Paper.
29
20
168
@ryhanhassan
Ryhan
8 years
Oof
Tweet media one
Tweet media two
Tweet media three
Tweet media four
7
84
155
@ryhanhassan
Ryhan
3 years
Using that model as a reference, we tweaked things like lighting position, texture / material (particularly to create contrast between the red bits), and perspective to emphasize the sense of depth.
Tweet media one
3
6
155
@ryhanhassan
Ryhan
1 month
Playground file for myself this morning. Totally useless, but fun to fiddle with variables
7
2
152
@ryhanhassan
Ryhan
2 months
Running through rehearsals for #config2024 It’s wild seeing Moscone like this, can’t wait to see everyone.
Tweet media one
9
1
144
@ryhanhassan
Ryhan
4 years
Started poking around Figma's plugins api. Nothing novel, but made something to keep frames organized / named the way I prefer (100px apart, starting at 0,0, and named "0.0 Title", "0.1 Title", etc)
9
0
140
@ryhanhassan
Ryhan
3 years
❤️Over the last few months, FigJam has been incredibly helpful for exploring ideas together with everyone on the team, especially during the pandemic. Huge congrats to the team. Some stellar work from @jenny_wen and @keeyeny
6
5
134
@ryhanhassan
Ryhan
2 years
Possibly my favorite part — plugin developers have access to the same tokens we use internally, so plugins like Automator (hi @jsngr ) will look and feel perfectly in sync with “native” Figma UI.
3
9
127
@ryhanhassan
Ryhan
4 years
Some hard news - Consider is shutting down. I loved this team, and I'm deeply appreciative of the time we spent together @svkhadke @loliveri92 @bobjlong @tyhallada @palomaochi @kristenchon @_andrewchou @AllieHitchcock @steobrien @benmcredmond @josh_steiner 🙏
@benmcredmond
Ben McRedmond
4 years
Sad news to share today, we are shutting down Consider. 😢 Huge thank you to everyone who supported us. ❤️ If you are looking to hire some very talented folks, please DM or email (ben @consider .co). More here:
70
11
295
18
1
118
@ryhanhassan
Ryhan
2 years
Would love a VICE investigation into these coffee lids and why I’ve never seen a cafe ever push the little buttons
Tweet media one
14
2
115
@ryhanhassan
Ryhan
6 months
chatGPT’s voice interface but use the visionOS mindfulness visual
Tweet media one
Tweet media two
8
3
114
@ryhanhassan
Ryhan
3 years
The new comments in Figma and FigJam are now available to everyone! Pro tip: You can hit “C” to quickly start writing a new comment, and “Shift + C” to show / hide comment pins.
@figma
Figma
3 years
Our new and improved comments have now rolled out to everyone. ✨ Thanks for your patience as we made comments better you. Here's more info on all the changes: And a thread with some of our favorite changes. 👇
15
50
349
4
3
111
@ryhanhassan
Ryhan
3 years
Having lots of pins can quickly feel overwhelming, so when you zoom out, we’ll cluster comments in an area into a simplified shape to minimize visual noise. And when you click on that cluster, we’ll smoothly zoom you back in, and animate the pins to preserve spatial continuity.
4
4
106
@ryhanhassan
Ryhan
7 years
I can see a future where interaction design tools shift away from expressivity, and focus on bridging workflow from sketched idea to code.
@hardmaru
hardmaru
7 years
Learning to Infer Graphics Programs from Hand-Drawn Images. They convert simple hand drawings into LaTeX. Very cool!
Tweet media one
13
474
1K
3
11
101
@ryhanhassan
Ryhan
3 years
These widgets feel like an alternate reality for software, where - software is collaborative by default - widgets have simple, encapsulated behavior that can be quickly reused/remixed - outputs are directly manipulable - no need to install, just copy & paste - things are playful!
@keeyeny
keeyen
3 years
Hope y'all get to enjoy everything we released today for FigJam. I��m so proud of this team 💜
11
34
539
2
5
100
@ryhanhassan
Ryhan
2 months
Week before launch, I hit this roller coaster of feelings — stress as we finalize things, excitement seeing things all together, and appreciation for so many people sprinting to make it happen. This year has been *busy*
7
2
98
@ryhanhassan
Ryhan
3 months
Came back from vacation and I'm terrified
Tweet media one
20
0
89
@ryhanhassan
Ryhan
2 months
Pride weekend right after Config… are you trying to kill me
4
0
87
@ryhanhassan
Ryhan
2 months
We've been discussing ideas for UI3 since 2020, and it's so exciting to finally see folks using it out in the wild. For a behind the scenes look into the redesigned Figma, @okaysee @_joelmllr and I gave a talk at Config covering our thinking, details, and iterations.
3
4
86
@ryhanhassan
Ryhan
2 years
Under the hood, this meant defining a semantic token schema that chains parameters like prominence and interaction state, and creates a mapping to a set of color ramps. Not only does this define themes, but it also bakes in a range of accessibility improvements to color contrast
1
6
86
@ryhanhassan
Ryhan
3 years
We also noticed that sometimes a single (x,y) point isn’t enough, and it’s helpful to be able to talk about a specific area in a file. With these new comments, you can now drag to highlight a region that’s tied to your comment pin. @mgharrisdc
3
1
81
@ryhanhassan
Ryhan
3 years
@ChristianSelig Working on it with @NickHiotis ! You'll have the presets in time to test them with your new phone😉
Tweet media one
7
1
77
@ryhanhassan
Ryhan
5 years
Looking to hire a designer for brand / interactive design work? One of my favorite designers from Dropbox is looking for their next role - let me know if you’d like an intro!
11
10
80
@ryhanhassan
Ryhan
3 years
Personally, one huge perk of audio in Figma (instead of a zoom call) has been that keeping my camera off feels much less tiring.
@nlevin
Noah Levin
3 years
4: 🎧 Audio! In both FigJam & Figma, you can now use your voice to add richness to conversations as you're designing. Heather (no twitter, but ) did a great job driving design for this (in < 3 months). She also designed Community, which is now open to all!
8
8
155
2
1
77
@ryhanhassan
Ryhan
9 years
Added support for embedding interactive @framerjs prototypes directly into Paper docs
6
13
77
@ryhanhassan
Ryhan
4 years
Seeing @joeyabanks and @jsngr making things in Swift UI inspired me to poke around and try building a toy app. Made a little pomodoro timer this morning, mostly so that I could play around with haptics, sounds, and notifications.
2
0
77
@ryhanhassan
Ryhan
2 months
Holy shit @mwichary ’s talk was incredible
8
2
77
@ryhanhassan
Ryhan
3 years
@tricycleai @jsngr 99% a joke, but a while back had some explorations around making a joystick-like control so that we could have an input that was more precise than your thumb
4
1
75
@ryhanhassan
Ryhan
2 years
We also created a complementary set of elevations that bring a sense of realism to lighting, while improving contrast for dark elements against dark planes. For example, you might notice that some objects will cast a stronger shadow, or catch light with an inner edge highlight
3
2
76
@ryhanhassan
Ryhan
2 years
Basically, I want to participate in a community where people really want to nerd out about the work itself. I know a bunch of folks are jaded or disillusioned by the tech industry — but every day I think I still wake up and get excited by the potential of computers
7
3
75
@ryhanhassan
Ryhan
3 years
Stylistically, we didn’t want to overemphasize these details — you’ll see them if you look up close, but we really wanted it to feel like our consistent logo, with a nod to macOS. Anyways, this is rolling out today — hope you enjoy!
7
0
74
@ryhanhassan
Ryhan
3 years
The easy thing to do would have been to just apply an appropriate mask to the existing icon. But to really do the new style justice, I really wanted to figure out how our logo would work as a physical object — what parts would taper or curve, and how?
Tweet media one
2
1
72
@ryhanhassan
Ryhan
5 months
I remember when I first joined figma I was surprised by the sort of big annual release moment at config — and I’ve come to really appreciate this sort of model because it creates hard conversations around what are the most important things to ship.
@karrisaarinen
Karri Saarinen
5 months
Simplicity will be the next theme in product. If you ask any company what made them successful I don’t think anyone will say their advanced and complicated planning process got them there.
Tweet media one
14
39
691
2
3
71
@ryhanhassan
Ryhan
3 years
The first thing you might notice are the new pins. We’ve separated viewing comments from the comment “mode” to make them easier to spot, and designed them to communicate as much context as possible per pixel, including a hover state to quickly “peek” at a comment.
2
2
68
@ryhanhassan
Ryhan
2 months
This is far more than just a visual reskin. We’re introducing a broad range of usability improvements across the system, from clearer inputs to resizable property panels that can (finally) accommodate longer property names. You’ll see some incredible work from @_joelmllr to help
2
1
67
@ryhanhassan
Ryhan
5 years
We’re starting to look at suits for our wedding, and naturally @kevinschaefer started laying out options for how he wants to look
Tweet media one
5
0
67
@ryhanhassan
Ryhan
1 year
One of the things I love most about @figma has been seeing the methodical approach to introducing new primitives - allowing variables to not just handle theming, but also extend to conditional logic in prototypes, and show up as code in dev mode. Huge congrats to the team!
@pwnies
Jacob Miller
1 year
Figma Variables lets GO. Been working on this for so long with our team over here at @figma , and I'm so excited to see it finally launch. AMA about variables! Happy to answer q's. #Config2023
122
467
4K
0
2
66
@ryhanhassan
Ryhan
4 years
👀 If you’ve ever thought to yourself “it’s crazy that designers work this way”, come work with me on *designing* how modern teams design software together.
@nlevin
Noah Levin
4 years
Looking for new opportunities in 2021? We're hiring for a Product Designer to help lead an area we call Collaboration You'd get to work with lovely folks like @ryhanhassan & @meaganrgamache and design experiences like comments, file browsing and more:
5
77
275
4
2
65
@ryhanhassan
Ryhan
4 months
We've been using Code Connect with our own design system, and it's so exciting seeing design + code march closer together. This bridge means that teams at Figma by default have design files connected to our actual codebase, with no extra effort.
@figma
Figma
4 months
The right code, when you need it Deliver component code from your libraries to Dev Mode with Code Connect, now in beta
45
212
2K
3
8
65
@ryhanhassan
Ryhan
7 months
I started using a Vision Pro for the bulk of my work day (designing things, writing, zoom calls), and it’s been working quite well for me. Using a MacBook as a virtual display with a keyboard / mouse input that can extend into vision OS was pretty helpful.
8
0
65
@ryhanhassan
Ryhan
2 years
@jackiechuichui Like, look how cool this is! Even something as simple as "what is intuitively the next match" is complex to reason about on an infinite 2d canvas
Tweet media one
1
2
62
@ryhanhassan
Ryhan
2 years
I've almost felt evil getting to use ⌘F a little while internally (especially for our big design systems files) and couldn't imagine working without it. On the surface it feels like a simple feature, but in the depths is quite tricky, and @jackiechuichui did a great job here!
@figma
Figma
2 years
Try hitting ⌘/Ctrl + F today and see what happens. 👀 Find and replace for Figma and FigJam is here.
122
565
4K
2
2
60
@ryhanhassan
Ryhan
3 months
The hold music to handle latency is so cute, I love it. Seeing things like this makes me desperately wish these sorts of capabilities were available OS wide in iOS
@nateparrott
nate parrott
3 months
Introducing ☎️ CALL ARC, a brand new way to get an answer on the go. Say you’re walking to the train and you’ve got a quick question. Just raise Arc Search to your ear and ask it!
98
156
2K
1
2
60
@ryhanhassan
Ryhan
5 years
Excited to share a thing we’ve been working on - @considerhq Groups. It's like Slack channels, but for email. Check us out on Product Hunt
Tweet media one
3
0
58
@ryhanhassan
Ryhan
2 months
As a team, we’ve looked through nearly every corner of our system — from fundamentals like our type and grid, to core elements like our inputs that create clear affordances and uniform structure. @w4ynesun did a heroic job crafting an extensive new system across a wide variety of
1
0
59
@ryhanhassan
Ryhan
2 months
1. It’s wild looking back at @keeyeny ’s early prototypes of Figma Slides 2. I think it’s such a good habit to record end to end demos of how an idea will work from the very beginning, and to iterate on the story alongside the product itself
@keeyeny
keeyen
2 months
A year ago, I pretended to be @zander_supafast making a Figma Slides tutorial. (v jank early prototype)
5
1
64
2
3
56
@ryhanhassan
Ryhan
6 years
Ordered a pizza last night Packaging ⭐️⭐️⭐️⭐️⭐️
Tweet media one
Tweet media two
1
0
52
@ryhanhassan
Ryhan
4 months
Thinking about what form factor might eventually replace our phones (watch, pin, glasses?) and I can’t help but feel like input is a limiting factor. To replace a phone, I think you need to compete against a touchscreen keyboard.
15
2
53
@ryhanhassan
Ryhan
7 years
Opened up Snapchat for the first time in a while. “It kind of reminds me of the tabloid rack at the grocery store” - @kevinschaefer
Tweet media one
2
2
51
@ryhanhassan
Ryhan
3 years
It was so good to (finally) chat with @vernalkick and @rafahari – not to mention talking about designing Figma comments in Figma at Figma. Thanks again for having me!
@layoutfm
Layout FM
3 years
220: Figma's Redesigned Comments, with Ryhan Hassan This week, we're joined by friend of the show @ryhanhassan , designer at Figma, to tell us all about how they've redesigned Comments. It’s a fun one!
0
2
9
1
4
49
@ryhanhassan
Ryhan
7 years
Fantastic work. Workflow aside, I’m impressed by the size of the training set - only 5 instances - making this much easier to adopt.
@Airbnbdesign
Airbnb Design
7 years
Converting sketches to code—our design technology team shares their first exploration into AI assisted design ✏️💻 >
37
932
2K
2
4
49
@ryhanhassan
Ryhan
3 years
We’ve been iterating on these comments for a little while, and it’s been neat to see how much these changes have shifted how teams use comments together. For example, within our design team, comments have become the primary way we run our crits (like this one, on comments!)
Tweet media one
1
1
49
@ryhanhassan
Ryhan
2 years
Sometimes I wonder what would happen if Figma’s internal design-wip channel was semi-public, and you all could see the earliest sketches from the design team. It would either be incredible for feedback, _or_ the internet would melt down and discourse would squash delicate ideas
@ryhanhassan
Ryhan
2 years
In retrospect, part of the magic was that as a student, I could share any little thing I was working on — whereas now, it’s much harder to share true WIP work publicly (without worrying about revealing product plans, or throwing people for a loop)
1
0
39
5
1
48
@ryhanhassan
Ryhan
2 months
We know getting used to a new editor and building muscle memory takes time, so we’ve baked in an easy way to switch back and forth between versions instantly. For most people, it takes a few hours to adapt, but we think the new design editor will feel great once you settle in.
6
0
46
@ryhanhassan
Ryhan
3 years
My favorite little detail is that the brightness icons are secretly variations of our effects icon
Tweet media one
2
0
48
@ryhanhassan
Ryhan
5 years
It's really fun being part of a team that's working in a good rhythm, balancing feature requests, bug fixes, and early ideas. Over the last 5 days the team shipped 5 good updates
@steobrien
Stephen O'Brien
5 years
A solid week of updates to @considerhq : . Also – images to showcase what we’re built!
Tweet media one
0
2
21
1
0
48
@ryhanhassan
Ryhan
4 years
As someone who used to be the person trying to decipher redlined design specs, it’s exciting to start to lay the groundwork to help map design intent to production code.
@nlevin
Noah Levin
4 years
Ahhh! So incredibly proud of our @figmadesign product design team right now. ICYMI @ #ConfigEurope : - Instance Swapping (🥳 @shanawho ) - Auto Layout 3.0 (🎉 @rsms ) - Variants (🎊 @rsms + @nikolasklein ) - Interactive components (🍾 @nikolasklein ) - Inspect (👏 @ryhanhassan )
22
74
848
1
0
47
@ryhanhassan
Ryhan
5 years
🥳We just released reactions, comments, and more in @considerhq to help you have higher quality discussions, and set a friendlier tone for email.
2
3
47
@ryhanhassan
Ryhan
2 years
Still works
Tweet media one
3
0
47
@ryhanhassan
Ryhan
4 years
The inspect tab has all the basics you'd expect, so you can easily copy color, type, and layout details. The real magic comes when your abstractions in Figma start to map to code. For example with variants, engineers can select a component and directly copy the props they need.
Tweet media one
4
4
45
@ryhanhassan
Ryhan
4 months
Holy shit, the AI features in Slack are incredibly helpful – being able to save almost a full hour by summarizing "low stakes" channels / finding answers quickly is huge
Tweet media one
2
0
44
@ryhanhassan
Ryhan
4 years
Opened Netflix to take my mind off things, and
Tweet media one
3
0
44
@ryhanhassan
Ryhan
8 years
1/3 If you love working on design systems, we're looking for a really strong visual designer to join a brand new team at Dropbox.
2
9
45
@ryhanhassan
Ryhan
3 years
Fiddling around last night, just having fun with it
1
0
45
@ryhanhassan
Ryhan
6 years
Poking around @kevinschaefer ’s wedding planning spreadsheets, and found this. Good to know.
Tweet media one
2
0
43
@ryhanhassan
Ryhan
8 years
So excited to see a native Paper app for iOS and Android
5
3
43
@ryhanhassan
Ryhan
2 years
One highlight — I distinctly remember Forrst (hi @kylebragger !) as being a genuinely constructive community. It felt like a place where folks wrote actual context, and left more real feedback than dribbble — and I wish it came back more than ever.
4
0
43
@ryhanhassan
Ryhan
10 years
"Put a spring on it" http://t.co/FtUUIEHmXZ
Tweet media one
4
5
42
@ryhanhassan
Ryhan
6 years
Tweet media one
0
0
42
@ryhanhassan
Ryhan
4 years
Tweet media one
Tweet media two
1
1
43
@ryhanhassan
Ryhan
3 years
Not everyone is on twitter, but this was a huge collaborative effort — huge kudos to @christa_UXR TJ @mgharrisdc @moebee2 Linda, @etawang , RJ, Emily, Clancy, @avantika789 @meaganrgamache @worldwydewayne !
1
0
42
@ryhanhassan
Ryhan
6 years
Really enjoyed reading through the PDF at the end — it’s wonderful. I would love to see more tools emerge that are designed to facilitate the process of capturing, organizing, and synthesizing fragments of ideas into new, meaningful concepts.
@vernalkick
Kevin Clark
6 years
Fantastic concept by @nikolasklein @ChLabacher and @floludwig94 . The website is beautifully designed too:
Tweet media one
4
13
83
2
5
41
@ryhanhassan
Ryhan
5 years
Every Friday, we've been ending the week as a team with demos of things folks shipped that week. It's been super nice to celebrate (and have visibility) into everything going out to customers. Some nice things from our last @considerhq team demos of 2019...
@ryhanhassan
Ryhan
5 years
More iteration. @bobjlong just shipped a redesigned inbox with dramatically better gesture handling, so that triaging your inbox feels buttery Hidden detail — it's robust enough to handle multitouch, so you can independently swipe on multiple rows at once
1
0
37
2
1
41
@ryhanhassan
Ryhan
8 years
@patr1ck Heads up, this is changing in 10.12 thanks to Apple. It's not a fake dialog, and we never see your password
Tweet media one
2
20
38