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.
“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.”
“In this video, we’ll take a tour around the Figma Slides editor so you can start creating your own presentations.”
“Bring order to your files while keeping your jams in one place with Pages in FigJam.”
“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.”
A guide to Dev Mode, updated with all new features and available for both the previous and new UI.
“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.
Jacob Miller, a Product Manager for Design Systems at Figma, gives an overview of everything launched at Framework — Code Connect for developers, typography and gradient variables, and the new Library Analytics API. All of the above is designed to drive design system adoption across the teams because “building a design system is only half the battle — the real challenge is getting it adopted by both designers and developers.” If you missed the event, that’s one summary you need.
“Create a FigJam board during or outside of a Google Meet call to jam remotely or in person.”
Developer Advocate Jake shows Jason Lengstorf how to bring your code into Figma with Code Connect.