A quick tip from Miggi on using grids to generate type scale and place graphics.
Ridd noticed that designers who can code spend more time sketching their ideas and less time in Figma. This approach isn’t common because it still takes too long to code designs, but AI will change that. What if instead of generating polished mockups from text prompts we used AI to turn wireframes into frontend code, applied our design system, and tweaked the visual direction based on the provided mood board? (This is just one of the ideas explored in the new section of Dive.)
Benji Taylor on creating guiding principles and designing interactions for the Family crypto wallet app: “This is not a technical post or tutorial. There are many good resources about how to craft smooth animations or design pixel perfect UI, by people much smarter than I am. This is about how we made something complex feel welcoming. It’s about what makes Family feel familiar.”
Roughly 20% of the population has dyslexia. The Letter Checker by Stark helps you pick fonts that are more likely to work for those people.
“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.”
A few ways to see the pixel values on Auto Layout frames by KC Oh.
Multiple people noted that rulers are too detached from the content in UI3. “Scoping” rulers to frames makes common use cases easier, but I’d miss the ability to use them directly on the canvas.
Robert Bye highlights some details of the new desktop app shipped with UI3. I love the new calm tab icons!
Miggi reminds us that property labels in Figma UI can now be turned on or off.
Matt recorded his first reaction walkthrough of the new UI3 and Make Designs AI features. Regarding UI3, I’d also love an option to hide a floating toolbar and “Ready for dev” actions. (There are no developers in my personal workspace, and even at work we have Figma projects with only marketing assets that would never require development.)
“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.”
Figma has several features under development that are available to users in beta. In this article, find out which beta features are available, what they are, their beta types, and how to access each one.
“Experience your designs on any screen size with a new Prototype viewer experience that resizes responsively. With a new menu option for previewing or presenting prototypes, the viewer will respect constraints and Auto Layout properties as you resize the viewer window or select a different device frame.”
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.
Software Engineer Shirley Miao explains how the new “auto auto layout“ was built.