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.

Jake made a plugin that brings the power of CSS color-mix() into Figma. Use it to generate swatches, variable ramps, and solid or gradient fills. I highly recommend watching Jake’s video if you’re unfamiliar with this CSS notation.

I didn’t know I needed this until I saw it. Plan the presentation in FigJam, then turn it into a deck outline in Slides: ​“Think it in FigJam, present it in Figma: create a Figma Slides outline from a FigJam board with a few clicks.”

In this webinar, Designer Advocates Corey Lee and Hugo Raymond will guide you through communicating effectively through story-driven presentations and share techniques to up-level your slide designs to make your presentations and decks more compelling. ​“Good design tells a compelling story. How you convey that story can significantly impact its resonance with your audience.“

Delighted to see the internal name sneaking into a shortcut for creating a new Slides deck! BTW, both figjam.new and figma.new have also been around for a while. 

“You can get the attention of your audience and better communicate your ideas by turning them into simple, compelling stories. Join this livestream with Janis Ozolins to learn the principles of visual communication and see how to create compelling visuals in Figma Slides in a few easy steps.“

“Come learn the basics of how to use Figma Slides to communicate with your team and present to stakeholders. You’ll learn how to create, edit, and polish a Slide deck and how to present to your stakeholders.”

Figma Developer Advocate Jake Albaugh joins a livestream on the Visual Studio Code channel to talk about Figma for VS Code extension, allowing developers to easily access and inspect designs from VS Code.

“Figgy instantly turns your FigJam into a website. You get a published site, with a clean domain and custom SEO. All you have to do is drop in your Figma link and it’s live. No coding or technical experience is required.” Read how this project came to life in this Twitter thread.