Jason Lengstorf from Learn with Jason talks to Figma Developer Advocate Jake Albaugh about how Dev Mode improves the design handoff and how the Figma plugins API enables more powerful customization.
Ridd published a crash course on advanced Figma prototyping with variables. He explains when to use variables instead of variants and shows how to streamline the prototyping process by using variables to update UI elements without requiring multiple frames. Additionally, he prepared a community resource with slides and examples.
Ana Boyer wonders, what if we also marketed design systems like products? “In my time at Figma, I’ve talked to dozens of design systems teams looking to drive adoption and prove the value of their work. Now, more than ever, it’s important to think, strategize, and execute like a marketer. Here are some of the tactics and strategies for helping you position your design system as an integral asset — whether launching anew or revitalizing existing efforts.”
What a great conversation between two wonderful human beings. Rob Hope goes deep as an interviewer and does a huge amount of research and production work for his Yo! Podcast. Rogie is a pillar of the design community and “a larger than life designer who rides the intersection of art and code”. I spent an hour watching an entire interview in one sitting on TV and enjoyed how personal and intimate it felt. Discussion covers the role of the Designer Advocate, the Figma community, creating Figma plugins, and — of course — horror movies.
“Managing your team’s community resources just got simpler. Now you can save, approve, and manage resources for your entire organization without switching profiles or ‘browsing as admin.’”
Michael Mignano talks to Jordan Singer, AI lead at Figma and former Founder & CEO of Diagram. They covered the role of human designers in AI, what it’s like building AI features for the world’s leading product design platform, Jordan’s path from coder to designer to product builder to founder, and much more.
The new Dev Mode plugin for instantly generating React components from selected nodes. See how it works and why Vijay made it in the Twitter thread.
Designer Advocate Mal reminds us that it’s crucial to consider the discoverability of components when building a set and points to a new feature of the Assets library that shows a number of component variants and a playground for exploring them.
Nilay Patel, editor-in-chief of the Verge, talked to Dylan Field in a live interview from SXSW about life after the failed Adobe deal, the new multi-edit and Dev Mode, generative AI, the state of the web, design trends, solarpunk, and what comes next. Nilay is a great interviewer, so I highly recommend reading (or listening!) this conversation.
Christine makes a point that we can move beyond the rigid structure of fixed responsive breakpoints with modern CSS layouts, crafting flexible and dynamic designs that seamlessly adjust to different screen sizes. In this article, she covers responsive column-based design vs. modern CSS layout, CSS Flexbox and Grids, and questions if we still need breakpoints.
This Figma template that Meng To prepared for his new free Framer course is nuts. It’s a beautiful work and an excellent resource for playing with Framer’s Figma plugin.
Ridd runs a free advanced prototyping crash course on March 29th.
Christine Vallaure doesn’t like to rely on plugins too much, but in this article, she shares “some little helpers that I wouldn’t want to do without.” Some are time-tested tools, but others were completely new to me.
In this episode of the Designing with AI podcast, Mia Blume chatted with Noah Levin, VP of Product Design at Figma, about the emotional ups and downs of the recent acquisition announcement and how it impacted the team, explored the implications of artificial intelligence on creativity and curiosity, leading teams through times of change and learning, decision-making, democratized access to information, and even the concept of love.
Dylan Field joins Sarah and Elad at No Priors podcast to discuss what’s next for an independent Figma, how AI can augment design and speed up the iteration loop, and how Figma is expanding beyond design with products that help the entire product team’s workflow.
Lauren Andres shows how Dev Mode, although built for developers, can also be a game-changer for designers and help drive organizational alignment, consistent product quality, and team efficiency.
MDS recorded a detailed walkthrough of the process of designing custom templates for ConvertKit: “I cover everything from choosing colors and creating backgrounds to adding layer effects and highlights. I also provide tips and tricks for achieving the desired look and feel.”
Pablo Stanley shows a few examples of where he will often use the new feature.
multi-edit by @figma pic.twitter.com/zjmtxNXAtf
— Pablo Stanley (@pablostanley) March 6, 2024
Vice President of Product Sho Kuwamoto and Product Designer Nikolas Klein walk us through the journey of multi-edit. Love this observation: “When you look at Figma, almost every feature that helps you structure your file has a free-spirited cousin feature for the times when you want to keep things loose. You can use styles and tokens to change your colors quickly, but if you want to leave things unstructured, you can use the selection colors feature to make mass edits. You can use auto layout to group things into stacks and move them quickly, but if you want to leave things unstructured, you can use the smart selection feature to reorder things quickly. When it came to editing, you could use components to edit multiple copies of an object quickly, but if you wanted to leave things unstructured, we just didn’t have a great alternative!”
Joey Banks with the deepest dive on the multi-edit: “The team solved and shipped a feature — actually, kind of a whole new way of working within the canvas — to help address a problem I didn’t even know I had.”