Animator is great. Honestly one of the easiest ways to do production ready web animation. The integration with design files is really solid and makes reworking small elements so easy.

Here's a pretty simple example: https://codepen.io/balazs_sziklai/pen/mOwoLg

Isn't this type of layout extremely trivial with grid? Wondering why they chose to recreate this with flexbox.

I think my biggest question is how process flow from design to dev should work with a fully fleshed out design system. If we say we want this documentation to be a single source of truth how do we make sure dev stylesheets and codebases stay updated when changes are made on the design side.

For example: Say i want to change the padding on all our buttons. I go into Figma and make tweaks to all the components and push it to zeroheight. At that point it seems like a very manual process to make sure that change gets pushed into the proper areas. I can see how the Design Token can handle things like colors and fonts but it doesn't seem to cover other basic components.

My only issue at this time is that the 'Pages' UI seems oddly obscured, which is something I was already having to constantly tell people that it existed.

I can understand the accessibility concerns though as it was a thought I had when I was evaluating the new design. The removal of "Tab like" structure seems a bit optimistic about how people would interpret those without a strong visual metaphor.

While I absolutely love Figma I cannot say it's UI is better than Sketch's and I don't think these tweaks did it any favors in that area. Sketch does a much better job of creating contrast and clear grouping of UI elements, while Figma kind of muddies all those things a bit.

This is amazing. I've been looking forward to something like this since Figma announced their API. My team is digging into it to see if it's something we want to use in an upcoming rework of our design system.

Figma is our current tool of choice, I built a wireframe library a long time ago that replicates the css library as much as possible

Currently it's only a code library and a wireframe library in Figma that tries to replicate the code library. Our lead dev's plan right now is to split our library into packages (One for the marketing site and one for the end user applications).

This is somewhat beautiful, but also entirely unusable.

It works quite well offline assuming you've opened it up while you are online. Company had a power outage the other day and I was able to continue working on my projects and when the internet came back up it synced everything up again.

True offline mode would be great though.