Joel Miller
@_joelmllr
Followers
1,831
Following
559
Media
163
Statuses
1,151
Product designer working on UI3 @figma . Previously, designing Dev Mode and Auto Layout.
New York, USA
Joined July 2019
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
É OURO
• 410570 Tweets
バニーの日
• 409332 Tweets
Bia Souza
• 310538 Tweets
Kyle
• 188091 Tweets
Canadá
• 187666 Tweets
Beatriz Souza
• 169310 Tweets
#แบดมินตัน
• 154769 Tweets
サッカー
• 103540 Tweets
Teddy Riner
• 101358 Tweets
#4MINUTES_EP2
• 90102 Tweets
スペイン
• 88871 Tweets
ELVISH INCOMPARABLE WINNER
• 85738 Tweets
オフサイド
• 77596 Tweets
Fermin
• 46844 Tweets
Emily
• 46728 Tweets
Gallagher
• 37905 Tweets
Ron Paul
• 34795 Tweets
Olmo
• 32048 Tweets
Ekrem İmamoğlu
• 26266 Tweets
Fresh News for $XRP Holders
• 24106 Tweets
異界入り
• 19756 Tweets
Game Informer
• 17756 Tweets
#LakshyaSen
• 17693 Tweets
シュート
• 16762 Tweets
$BCCOIN
• 16361 Tweets
ジャッジ
• 10907 Tweets
GameStop
• 10549 Tweets
Pinned Tweet
It's FINALLY here. If you missed it, we just launched UI3, a redesign of our design editor. For the past year I've been working on some usability improvements to the properties panel. Here's a quick look at what's new... 🧵
#config2024
13
48
573
Today is a big day! Dev Mode launches in
@figma
. It's the culmination of an ~18-month journey, filled with countless riffs, prototypes, reviews, PRDs, and PM mocks. Here's my story of how we got here. 🧵
24
188
1K
A few people were asking for links from my talk at the
@figmadesign
Schema conference. Here's a thread with all the references 👀
10
150
1K
So happy to FINALLY share this with everyone! Check out our talk at 10:35, where we’ll talk more about the details!
6
7
126
Super excited to launch this! Now you can add more organisation to your Figma files.
Shout out to my design partner
@nikolasklein
and the rest of the sections team!
3. 🟨 Sections for Figma
We heard you love sections for FigJam, so we brought them to Figma for more on canvas organization.
48
144
1K
4
10
121
So excited for
#Config2023
tomorrow! You can catch me hosting in Hall E for talks by
@rsms
and
@broccolini
👋🏽
2
0
66
First day in the SF Hub! It’s so great to see people in real life and move on from saying “can you see my screen?” to “you’re not the height I expected”
2
0
64
Super excited to share that I'm speaking at
#Config2024
alongside
@ryhanhassan
and
@okaysee
. Make sure you join us to hear about how we built… well you'll have to wait and see.
If you haven't already, you can register for tickets at 🙌🏾
6
7
58
1) First up, Polaris by
@Shopify
. Awesome design system and a prime example of how to structure your files in Figma.
2
5
50
Tell me you’re an Auto Layout pro without telling me you’re an Auto Layout pro…
4
2
51
If you missed
@oscrse
and I speak about the design process behind the new Auto Layout at
#Config2022
, you can now watch it on the
@figma
YouTube channel!
1
15
49
0
3
32
Excited to launch some new
@figma
updates for Dev Mode. I know a bunch of you have been asking for more ways to mark things as ready for dev.
Now, you can add labels to frames, components, and instances too! Let me know what you think of the update!
1/5 More ways to mark things as “ready for dev.”
You can now add status labels to components, instances, and frames in addition to sections on the canvas.
1
6
39
0
3
29
Two years later, it’s here 😄
4
1
30
Handoff is perceived as a single moment in time and a linear process. But in reality, there is no single handoff moment. It's an ongoing collaboration. We needed something that placed designers and developers in the same space where they could collaborate and iterate together.
2
4
27
I'm going to start writing some blog posts. Let's face it I can't be called
@joeltalksdesign
and not talk about design. I'm going to start by sharing my career journey so far, but after that, who knows? What would you want to hear from me?
11
3
25
Final plug for our talk at 10:35, after the keynote! Come and see me
@ryhanhassan
and
@okaysee
talk about how we built… well. You’ll see after the keynote.
#config2024
3
5
24
So excited to see Dev Mode launch out of a Beta! Shoutout to
@oscrse
,
@petermcreaper
,
@emilsjolander
and the whole Dev Mode team 🙌🏽
Coming next week: New features in Dev Mode to bring design + dev closer.
Annotations (!!), improvements to diffing, plugins, and the VS Code extension.
What's shipping January 31 as Dev Mode moves out of free beta →
78
561
3K
1
2
21
2) ABB show all the details of their component files in this Inside The File talk with our very own
@disco_lu
.
1
2
21
So excited to watch
@miggi
dive into advanced prototyping with
@rickrajj
and Garrett Miller! Time to see
@nikolasklein
’s designs in action 🔥
0
0
18
12)
@pablostanley
has an awesome open illustration library called Open Peeps. Cool name. Cool illustrations. Cool guy. Cool. As. Fig.
1
1
19
Design systems are a big part of our redesign in Figma. We've reorganized our properties panel to focus on component properties and added the ability to resize the panel to see more of a component description and longer label names.
1
0
18
Best offsite ever.
Shoutout to
@igobycai
for putting in so much hard work organising the days. Amazing job. I've never had an offsite as fun as this one. The energy from the team kept my jet lag at bay. Can't wait for the next one *cough* in NY *cough*
The space. I had never been to our SF hub, and it was so welcoming, funky, and warm. It genuinely felt like our product in physical form. Our workplace and facilities teams are so caring and intentional, and we felt so comfortable and flexible.
1
0
25
1
0
18
10)
@Spotify
's Ways of Working file is soooooo good. Check it out if you haven't already. It's on the community!
1
1
17
0
0
18
One of the first things you'll notice is that affordances are much more transparent. Shout out to
@w4ynesun
who tirelessly crafted the details in these components.
2
0
17
Many don't know, but I've worked on designer-developer collaboration for ~4 years. In 2019, I joined Visly, a startup founded by
@emilsjolander
and
@skojarn
. For two years, we iterated on a developer-focused design tool. You could say it was the prelude to building Dev Mode.
1
0
16
@Counterprint
have the best books 😍
We're thrilled to announce the launch of our latest book, 'Optic', which explores the use of optical effects in graphic design.
Pick up a copy here 😵💫
1
27
255
1
1
16
It’s so good to finally share what I’ve been working on at
@figma
. Auto Layout is such a big feature in Figma and I hope the improvements we’ve made make it better for everyone!
Super excited to finally show off the newest version of Auto Layout in
@figma
. Simpler, yet more powerful than ever.
#Config2022
✅ Direct manipulation (on canvas)
✅ Absolute positioning
✅ Negative spacing between elements
✅ Text truncation
✅ Much much more
2
11
63
2
0
16
0
3
15
With Dev Mode, we transformed the Figma editor to cater specifically to developers. The left panel streamlines navigation, only showing the layers you need to focus on, highlighting ready-for-development designs with thumbnails, and calling out essential pages with indicators.
1
1
15
4) New Auto layout design
The panel was super challenging to design. Our properties panel has so many constraints – adding new controls is always a challenge. We did so many iterations… The way that the controls align to the rest of the panel is so satisfying for me.
2
1
16
I'm beyond excited to roll these changes out to the community over the next few weeks. If you haven't already, make sure you sign up for the waitlist via the help menu or quick actions.
3
1
16
I have an itch to start a side project and I'm thinking of designing a monospace font. Does anyone have any tips on how to get started?
7
1
16
14)
@majroth
Rap Avatars is cool as fig with extra lit points 🔥🔥🔥
Stop using your colleagues faces in avatar components and switch up Dylan for Drake and Yuhki for Young Thug.
2
0
15
6) Icon eye candy from
@Microsoft
Fluent Icons. Check out that guidelines page, it's a thing of beauty 😍
1
1
15
What a day! I’ve been just as surprised as everyone else. Now that it’s settled in and I’ve had time to think about it, I’m so excited about the future world where Adobe and Figma collaborate on a shared vision. The potential is huge and I’m eager to get started!
0
1
15
While the vision was clear, the path to get there wasn't. How do you create a developer space in a design-focused product? The handoff process, our target developers, their interaction with designers—all these questions led us toward a landscape of concepts.
1
0
14
The hurdle, though, was in integrating this novel mode into Figma. Our entry point needed to be intuitive, easy to find, and harmonious with the editor's IA. After several attempts,
@ryhanhassan
's expertise, and a Slack thread with ~80 replies, we landed on a toggle for Dev Mode.
2
0
14
Wondering how we designed at built Dev Mode at
@figma
? Check out this article that dives into the details.
0
4
15
Why is this the first time I’ve seen this?! 🤯
I’ve literally never seen a black foetus illustrated, ever.
This is amazing
@ebereillustrate
818
42K
299K
0
1
15
A massive shout-out to
@oscrse
,
@petermcreaper
, and
@jackiechuichui
, who brought exceptional upgrades to the inspect panel: refined code, component playground, smarter asset exporting, dev resources, and plugins.
1
1
13
Back in SF. I finally got a chance to check out the Japanese Tea Garden.
1
0
13
@skuwamoto
Coinbase, then delete the app for 5 years, turn off price alerts and never search for the term 'crypto'.
1
1
13
I made so many connections at the first Config in SF back in 2020. Three years later, most of us are now working at
@figma
! Looking forward to meeting some new friends at
#Config2023
.
2020: I went to the very first Config in SF. It was an amazingly stimulating experience and met lots of great designers including
@jmillr_
who also now works a Figma.
2022: Joined Figma and participated in the in Tokyo Config watch party
2023: Going SF for Config!
See you there
3
6
82
0
0
13
Forget 30 days of yoga, how about 30 features of
@figmadesign
?
When you’re in Figma 8 hours a day, every click matters. And even small annoyances can have a big impact on your flow.
We gathered your feedback and came up with 30 updates to enhance your workflow in Figma.
Here are all 30. ⬇️What’s your favorite?
64
408
2K
0
1
13
We've taken a new approach to layout properties with new Position and Layout panels. While it's a significant departure from the past design, it helps to clarify the connections between these properties.
1
0
13
13)
@ggdaltoso
has built a window 95 react library complete with
@figmadesign
designs for the components. Cool. As. Fig.
1
3
13
We even considered creating a "handoff" zone within Figma files where designers could bookmark various designs across pages, creating a curated repository for developers to access ready-to-build designs.
1
0
12
And if you weren’t able to watch
@ryhanhassan
,
@okaysee
and I talk about the redesign in detail, you can now catch up on YouTube 📽️
1
0
13
Really excited to share updates this week.
@vislyhq
now has size tokens and responsive design support 🔥
#reactjs
#NoCode
#visualdevelopers
1
3
13
Really excited and proud to announce that
@VislyHQ
is finally open to the public! The team has been working really hard to launch this. Thanks for everyone who's given feedback so far and helped us get here. 🙏
1
1
12
Getting here was a journey. It challenged and frustrated me, but it also taught me invaluable lessons as a designer. Obstacles became opportunities to grow, setbacks became chances to reroute. Today makes all those challenges and frustrations worth it.
1
0
11
The new Auto Layout icon button transforms the Layout panel into the Auto Layout panel, revealing all of the controls that you're previously familiar with. And yes,
@maxvoltar
designed those Auto Layout icons.
2
0
11
Looking forward to speaking at
@dibiconf
in May!
🚨Speaker Announcement🚨
Introducing
@joeltalksdesign
, Product Designer at Figma.
Joel’s work at
@Figma
includes working on popular features such as Auto Layout and Sections and now focuses on designer-developer collaboration.
We can’t wait - See you in May for
#DIBI2023
!
0
1
4
0
4
11
Thanks to some awesome design work by
@oscrse
, Dev Mode's canvas offers improved selection making inspection a breeze. Developers can now access crucial information, including spacing values, variables, and component names, right on the canvas.
1
0
10
And… MASSIVE shoutout to my wife
@Alexiarivra_
for letting me enjoy the launch on our honeymoon ❤️
0
0
11
In the new Auto Layout, dimension properties become resize modes, shifting towards a responsive-first mindset. For those pixel-perfect workflows, we've ensured you can still see pixel values when hovering on the controls or resizing the properties panel.
1
0
11
If you want to learn more about Dev Mode, check out
@jennylea_
’s deep dive at
#Config2023
!
In a slightly terrifying turn of events, we've been moved to the main stage. Which means there WILL be a livestream if you want to see me,
@jak___e
,
@Avantika789
,
@laurenbandres
fumbling around with live demos in 🟢 Dev Mode 🟢
2
2
20
0
1
10
We also flirted with the idea of a dedicated tab for inspection, similar to the prototyping viewer. Within this tab, we experimented with a canvas and single-screen concept, allowing developers to seamlessly transition between a canvas and a focused inspection view.
1
0
10
Does anyone else put their noise cancelling headphones on with no music and start working? I catch myself wearing them with nothing playing all the time. Is that weird? 😂
4
0
11
5) Designer and developer collaboration
The thing that excites me the most about this project is that it’s helping to reduce the space between designers and developers. For me, Auto Layout is a bridge between design and code, and a tool for better collaboration.
1
0
10
Beyond creating a new developer mode, we also introduced mechanisms for designers to highlight important designs with section status. Whenever a section contains designs ready for development, they're highlighted in Dev Mode for the developers' attention.
1
1
10
9)
@BTGroup
have a pretty neat onboarding file in the Community showing you all the features of components and variants in
@figmadesign
1
1
10
One of the many concepts we explored was introducing a new file type exclusively for developers. Designers would publish their designs into this file, providing developers with a versioned and structured view to inspect.
1
1
9
In 2021 Visly was acquired by Figma to help shift their focus toward developers. Our main goal after joining was to help developers feel comfortable using Figma. However, Figma was unfamiliar territory for most developers.
1
0
9
Announcement of the year. Too early?
1
0
10
We've also introduced a new Position panel that groups alignment, X&Y, rotation and constraints together in one panel. You'll also notice that we've added new flip and rotate controls for quicker editing.
2
0
9
I look forward to hearing about your experiences with Dev Mode and valuable feedback—a massive thank you to my incredible team, who helped me throughout the design process. I'm beyond grateful for having had the chance to collaborate with you all!
2
0
9
I had so much fun talking at the
@fof_berlin
event. It was so great to meet the community IRL! Can’t wait to visit Berlin again. ❤️
Felt so good to go back to in-person design meet-ups. Thanks for having us
@fof_berlin
.
#friendsoffigma
0
0
5
0
1
9
We know any change takes time to get used to, so we've added a new setting that allows you to see labels above controls, making the panel much easier to navigate. It's such a helpful feature that deserves a huge shoutout for
@hoiza
who crafted this new system.
1
0
9