Day 2: Hit Shift‑D or toggle the right end of your toolbar to access your Design mode.
Figma Slides was launched two weeks ago, and now the team is shipping 10 improvements in 10 days. The first drop: view layers in the Design mode while in the grid view.
“How do Replit & Linear approach designer to developer collaboration? We’ll talk to two high-performing teams about streamlining design-to-code handoff for shipping better products. Learn insights on effective collaboration and ideal workflows with Figma’s Dev Mode, Linear, and Replit.”
Vijay Verma shows how “Figma Slides” illustrations were made.
Daniel Destefanis and Soundharya Muthukrishnan: “Here’s a simple presentation template to share designs with your collaborators or clients and get alignment.”
Femke made a template for the presentation deck as an overview of your next design project.
Mihika shares the inspiration and the process of making one of the coolest Slides features.
I shared Lenny’s interview with Mihika a couple of months ago, but it’s worth recommending again now that it’s clear that this “0 to 1” product she talked about was Figma Slides.
Mihika Kapoor shares the story of taking Flides from the Maker Week pitch to reality. That team photo in the end is a poor gold. Also, see Keeyen’s demo tutorial from a year ago with an early prototype, where he pretends to be Zander Supafast.
“In this video, we’ll take a tour around the Figma Slides editor so you can start creating your own presentations.”
“As a tradeoff for pixel-level control and the familiarity of their favorite toolkit in Figma, designers have gone without basic slide functionalities like speaker notes and slide transitions. Figma Slides not only addresses those core features, but amplifies design functionality, making it easier for both designers and non-designers to co-create in the same space.”
“Bring order to your files while keeping your jams in one place with Pages in FigJam.”
A guide to Dev Mode, updated with all new features and available for both the previous and new UI.
“Now in Dev Mode, new statuses like Edited and Completed make it easier to communicate what’s changed and ready — supporting a more fluid development process.”
“When it comes to design handoff, communication is key. As designs change, designers need to be able to iterate while still providing clarity to developers about what’s new and what’s ready to build.”
Code Connect is out of beta: “Today, we’re excited to make Code Connect generally available, alongside improvements like surfacing connected code snippets in the component playground, a new tool to streamline setup, and support for React, React Native, iOS, Android, and more to come.”
“Our new Ready for Dev View cuts down on the noise and helps developers, designers, and other stakeholders know exactly what’s needed to drive projects forward. And with Focus View and the ability to mark designs as dev complete, developers can stay in the flow while staying in sync with their collaborators.” See also a short reelof all the latest updates.
“We are starting to roll out an easier way to mark frames ready for dev. Select a frame to see the </> icon appear at the top right, then click. You’ll see the ready for dev status also reflected in your selection actions.”
Bumble, GitHub, and HP discuss the challenges their design systems teams face in connecting design to code and share first impressions of Code Connect.
Code Connect delivers code from your design system to Dev Mode, helping developers build with consistency and speed. In this session, Jake Albaugh, Figma Developer Advocate, shares an overview of Code Connect and some tips on how to get started.