Figma 3.0

Styles, prototyping++ and design at scale

#3 Product of the DayJune 21, 2018

Another amazing update from the great team at Figma! Here's what's new:

1) Prototyping — Device frames, fixed objects, advanced scrolling

2) Styles — Styles + new Team Library functionality for building design systems in Figma

3) Organization tier — New “Organization” tier to help scale design management across big companies

Reviews

  • Dominik LevitskyProduct Designer
    Pros: 

    Creating a library of styles and components that you can keep in a single file and use it across your whole project is a game changer.

    Cons: 

    A bit slow to load.

    First I was skeptical. A tool in the browser? Meh. But, after using it for a month and getting used to it now I see the whole potential of this. Keeping files in the cloud has huge benefits, especially with the whole saves history and versions. Also, the new styles are so cool and fast to use, really liking it so far. Big project infrastructure and organisation is so much easier. Thanks, Figma!

    Dominik Levitsky has used this product for one month.
  • Pros: 

    The most powerful collaborative design experience I've ever seen. Lives in the browser. Where are your latest design files? On Figma.

    Cons: 

    Slow to load files and prototypes is literally the only downside. Once the files load, everything is snappy.

    Such a wonderful design tool to use and share with a Product Design team. And with the launch of 3.0, we can

    Ben Fryc has used this product for one month.

Discussion

You need to become a Contributor to join the discussion - Find out how.
Rasmus AnderssonMakerHiring@rsms · Figma
Hello hi. We’ve been working on Figma 3.0 for the last year, talking to hundreds of people to get this right. Our hope is that this new Styles and improved Prototyping functionality will help you build & maintain better design systems and make better decisions together. Design is a lot about communication, both with your fellow designers and other members of your team or clients. You could of course say “this view scrolls this way—just imagine what that’d feel like!” Or you can actually make it scrollable the way you intend it to and everyone will _see_ what you mean. Styles can similarly be used to help communicate how a design system is to be used, simplify decisions for other members of your team, or simply speed up your own workflow. We designed styles to work a little bit differently than what you may be used to from older tools: changes to a Style propagate immediately in real-time within the same document, just like changes to components. This may seem like a small detail, but it allows a whole new way of using styles for design iteration — before you know what path a design will take you, create a style or two and apply that to whatever you’re building. Later, you can very quickly edit the one style and see all of your designs update in real-time, making it much easier to find that configuration and layout that is “just right.” If you want to learn more, check out these articles: https://blog.figma.com/figma-3-0... https://help.figma.com/propertie... https://help.figma.com/prototypi... Figma is free for individuals and students. If you want to give it a try go to figma.com. We’d love to hear what you think! Happy to answer any questions.
Andre Goersch@divinoag · Director of Human Experience
@rsms This update is just fantastic, I have been testing the new features since yesterday and I'm extremely happy with what I can achieve with both Styles and Prototyping, so my sincere thanks to you and to the team. Prototyping finally brings the features I need the most on my day-to-day work so I can get most of my work done on a single tool, and Styles are just miles ahead of the competition. I know you don't really have a formal public roadmap (I would really appreciate if you did), but I wonder if you could share a little of what we can expect in the future for Figma.
Rasmus AnderssonMakerHiring@rsms · Figma
@divinoag We have a lot of exciting things coming up in the next six months, including significant performance improvements, detail refinements to the Styles feature, and more prototyping features. Apart from constantly working hard to improve what we have in Figma, we're also working on a few very interesting new features and changes — more on this to come on our blog (blog.figma.com) and Twitter (@figmadesign). :–)
Calvin Wilson@cvlvn · Senior Product Designer at Girlboss
Well done! Styles alone is a major update. Coming from Sketch, this was my main pain point in speed and efficiency. Really excited about this update. Congrats to team! 👏👏👏
Reony Tonneyck@megaroeny · Designer & EV Advocate
@cvlvn and it's even better than the Sketch version now, because of the power of Figma's overrides and component system / library 😉
Herman@hermanhasawish · Maker of UI1.io — UI Kit generator
Congrats on the release! 🎉
Zach Baron@zachbarongolf · Creative Director @ Arccos Golf
I think I'm going to have to give Figma a try.. This looks awesome!
Ethan ✏@buzzb0x · Co-founder @ Gaston
Congrats! 🎉 Figma is incredible. Coming from Sketch, I'm impressed how better it actually is. Having a cross-platform cloud design tool really is priceless. Keep up the great work! 💪