Nice built-in support for code blocks with syntax highlighting in Slides.
Rehearse is a clever plugin for Figma Slides — practice your presentation and see exactly how long you spent on each slide and the total time for your deck.
Plugins are now available in Figma Slides, and three dozen plugins have already been updated to support it.
A new sidebar provides a large collection of diagramming shapes for engineers, along with quick access to recently used ones. Stroke color is now independent of fill color for shapes and sections, and connector labels are movable. Additionally, there is an updated color palette with more variety and consistency.
Dev Mode users can now see variables used in gradients. Binding variables to gradients was also added to the plugin API so plugin developers can offer variables support out-of-the-box.
First Round’s deep dive into how Figma Slides founding PM Mihika Kapoor transformed a hackathon project into one of Figma’s most anticipated launches.
I loved this example of going deep on a topic using FigJam. Tom Lowry, Figma’s Advocacy Director, shows how he approached researching and building a custom mountain bike by mapping out and thinking through every aspect of the build in FigJam.
Prevent accidental removal of FigJam sections by locking the background of a section.
A new update to Slides lets you bring slides from Figma into a deck with one click.
Brand designer Jamey Gannon made a commercial pitch deck template for early-stage founders raising VC capital. She built dozens of decks in her career for her own rounds or others and used this experience to design this template.
Nick Villapiano, the Director of Front End Development at One North: “Dev Mode recognizes that developers don’t just implement design—we’re active participants who need our own set of tools. Carving out a dedicated space within Figma allows developers to contribute meaningfully to the design process from concept to launch. By utilizing recognizable patterns and tried-and-true engineering practices as inspiration, we can do so in ways that feel natural to existing workflows.”
Dev Mode now suggests variables when the value matches a style, color, or size, even if it wasn’t specified in the design. The new color picker also moved in this direction, and now I want this principle to be applied whenever my values overlap with a style or variable. It should be easier both for designers and developers to use the right primitives.
Selecting a variable in Dev Mode now opens a pop-up panel that includes values, properties, aliases, collection information, and more. There is also a new view for all the variable collections used in the file. Watch a demo of all the new features.
Select multiple layers in Figma Slides and apply edits to them all at once.
Mark Foo from Figma shows how Dev Mode addresses common issues in design handoffs by providing a unified workspace where developers can access up-to-date design elements, annotations, and measurements directly within Figma. With features like version comparison, sandbox testing, and integrations like Code Connect and Jira, Dev Mode aims to streamline development workflows, improve efficiency, and foster a cohesive design and development environment.
You can now lock sections in FigJam to prevent them from accidentally being moved.
1) Add new template styles to your decks directly from the styles overview modal. 2) Rename and delete template styles. 3) Draft presenter notes with AI — “just add one line of text to your slide and let AI do the heavy lifting.” 4) You can now edit your presenter notes in Presenter View. 5) The Multi-edit is now available in Figma Slides.
A pretty wild Slides template: “The Infinite Scroll is a five-dimensional entity that weaves together the stories of the past, present, and future.”
“Code Connect Version 1.2 launched this week and includes support for design systems written in Angular, Vue, and HTML, an improved getting started wizard for the command line tool, and expanded configuration options for React icons.”
I came across this wildly popular plugin as I dabbled into Tailwind CSS this week. Seeing a free (supported by Creator Fund) open-source plugin for generating code in a few common formats (HTML, JSX, Tailwind, Flutter, and SwiftUI) is refreshing.
Describing design details with plain text is a nice way to communicate the intent to developers.