Figma's New UI comparison

Here’s a comparison I did of Figma’s new UI side by side with the older one.

Here's my official Figma paid course which you can check out on:

Use the AMSUBSCRIBER voucher code to get 50% off! (If the voucher is still active)

Be sure to subscribe and hit the notification icon! It really helps me help you and others like you be better designers, freelancers, entrepreneurs, and people in general!
.
Subscribe to my newsletter to keep up to date on latest design/tech trends, update, tools and information! 🔥
.
.
👉 Follow me on Twitter and LinkedIn for more content.
.
Need design or development support?

00:00 - First Marker
00:41 - Top bar changes
01:19 - Sidebars Spacing Change
02:11 - Heirarchy Issue of headings
03:29 - Tap Area difference Sidebar
04:11 - Dynamic Sidebar
04:50 - Different icons for Effect
05:29 - Accessibility downgrade
06:14 - Shape Modification buttons

[AMDesignAndDev]

Here’s how to go back to the old UI.

[upworkobserver]

You're absolutely right, figma should take it serious.

[MrMonkey]

You are right bro, handing off project files to clients who don’t really know how to use figma is already difficult, then being myself confused about the pages section is a whole different hassle I didn’t expect!

[shanirperetz]

When you have a winning product and you're just like "let's F*** it up". the new UI is so confusing that the UI of Figma consume most of my time rather than the actual UI I want to work on -_-

[psddesignernet]

I got the new ui today, my next 6 hour after that was an absolute nightmare

[SissyZhangUI]

You are definitely right about the accessibility, the minimum target area should be 24px. However, the new UI has definitely saved space, so I'm very happy with the new layout structure.

[duffs]

I’ve just found your channel, because I was searching something about scrolling interactions, and I loved your content. Thank you for showing your perspective on the new Figma UI. 🙌

[welling]

I've only used this new version for 3+ hours thus far, but still having a hard time adapting. I really hate the tool bar at the bottom -- if it was movable, it would make life much easier. Also having issues with ALL the reduced tap areas (lots of accidental clicks!).
I'm betting that Figma will eventually take the route Adobe has with 'views' -- UI layouts optimized for whatever type of task a user is focused on.

[angrybearduk]

"The problem with fanboys is that if Apple, Google or Figma make a mistake, fanboys try to justify it." Man... respect! True words of wisdom! I couldn't agree more with this statement.

[_________________________.-]

Adding a new variant sucks! You need to navigate at the top right corner, click the more button, and click again for the add variant button. Unlike before, you just click it at the top toolbar.

[AntanasGeguzinskas]

Where is "Constrains" i have no see on new Figma UI :(

[jakseen]

got my hands on the new ui today.

all I can say is: the stable ui2 is wayyy better than the beta ui3.

honestly, I don’t think figma hires seasoned product designers and ux testers.

either that or the release was rushed ahead of config.

[MunzirKareem]

Thanks, brother, for this critical analysis.

[BugarskiMarko]

Can we choose not to have this UI? please...

[breality]

The accessibility is insanely bad in the new one with smaller tap targets and context for tools being moved to weird places... Very good analysis!

[petermichael]

thankyou sir for the tips!! brw more uploads about Framer, cheers from the philipiines! 💯💯💯

[micreye]

Did anyone find a way to go back to the previous UI view? i dont like the new one :(

[pablor.]

what is the app you are using to take screenshots?

[suyashhandke]

This ui upgrade is a downgrade for Real 😢

[bruhmoment]

The UI is pissing me off so much. Who the hell approved this???