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.

”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.“

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

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.”

Branching is now available to teams on the Organization plan. It was announced in April at Config 2021, but according to Rasmus Andersson, it’s been in the making for 5 years. The lack of branches was the main issue when my team switched from Sketch and Abstract to Figma in 2018, so I hope it will become available on the Professional plan one day.

Figma’s Director of Product Sho Kuwamoto shares some of the challenges of building branching.

Figspot is a Twitter-like feed of all comments from authorized Figma teams. Shown as threads and you can reply directly from the feed without loading a Figma file.

“Rendition is the best way to hand off code to your developer. It’s a Figma+Github plugin that will write UI code for you from designs. Rendition speeds up the time it takes to implement designs by automating the boring parts of front-end development. It also syncs designs from code back into Figma, allowing you to easily work off of the latest designs.“

“FigJam is an online whiteboard for teams to ideate and brainstorm together. Purpose-built for the earliest stages of design, FigJam makes everything from discovery to design sprints easier and more fun — whether you’re working alone or collaborating with your extended team. Let’s see how we can use FigJam collaboratively in an online brainstorming session!”

Ana Boyer on the best practices and strategies for collaborating in FigJam throughout the entire design process — from your first brainstorm to the final review.