So many great things in a single announcement! New pricing starting February 2022 ($0–5/editor/month), open sessions, widgets, plugins, embedded content, as well as new shapes, code blocks, and templates.

One of the many improvements that Figma ships unannounced. Looks really cool!

Video recording of the latest announcements at FigJam: ​“Hear from Rogie, Bersabel, and Emily as they introduce Templates, new shapes, code blocks, open sessions, plugins, widgets​and new pricing! We’ll also feature live demos of widgets from our partners at Donut, Stark, and CoderPad; watch to learn how you can make FigJam the home for your brainstorms.“

“Previously the LIBRARY_PUBLISHED webhook only got triggered when components were updated. Style updates now also trigger this, giving users more accurate insights into their library updates.” See more on how to use Figma’s webhooks.

A recap of everything that got shipped in October: new FigJam capabilities (see below), Interactive Components, and Branching. A busy month after a multi-year effort!

A first-hand perspective by Nikolas Klein on designing and building Interactive Components.

Sho Kuwamoto on why it took so long to build and how other smaller features fit in a bigger vision.

Interactive Components are now available to everyone! Thanks to this powerful feature, we can now create reusable and shareable interactive elements for design systems and prototypes. (If you didn’t participate in the beta and want to catch up with new possibilities, check out the Interactive Components topic at the Figmalion website or this Twitter thread by Figma.)

A few more fantastic Interactive Components usage examples from Nikolas Klein.

Such a great idea and a useful plugin for optically scaling and distributing logos! Check out Cory Etzkorn’s video demo.

”Warp your designs using Smudge, Twirl, Bulge, Pinch, Arc, and Free Transform tools. This plugin brings the typical warp tools known from other vector apps to Figma.“

Luis shows how to create styles at rocket speed using batch renaming and the Styler plugin.

A cool recreation of PS5 UI with Smart Animate.

Impressive hyper-realistic prototype of a calendar made with interactive components.

Bonnie Kate Wolf suggests using Unicode emojis in front of the variant name for a quick preview.

Joey Banks with an excellent suggestion on how to bring designers and engineers closer.

“Creating components with automated sizing behavior saves a lot of time during the process. They also let us think more like a developer that has to implement the real application. That is why it is essential to master Constraints and Auto Layout in Figma.”

Jan Toman, Productboard. ​“Not sure where to start? Get your libraries off the ground by learning how to craft UI kits that designers will love using. We’ll dive into building flexible components, aligning their API with code, and dealing with changes as the design system evolves.”

“In this tip, learn about maintaining component libraries and enabling more seamless contributions from consuming design teams by using Branching.”

John Fuetsch, Software Engineer at Figma, explains why they’ve built branching. ​“Branches are exploratory spaces that enable designers to try new ideas without changing the main file until they’re ready and approved. They are especially useful for preserving the integrity of approved designs, while making room for work that’s experimental or iterative in nature, like contributing to a design library and previewing work for stakeholders.”