Split tabs are now available in the desktop app! Miggi shows how to get the most out of them. Keeping split tabs with raw materials in FigJam while designing in Figma is surprisingly convenient and something I’ve been doing a lot this week.

The second edition of the UI Battle! Watch as Miggi from Figgi aka The Notorious PNG, Pablo Stanley aka The Layer Slayer, and Mariana Pedroza aka Da Design Thunder take on design challenges, shit-talk, and throw a fantastic performance. This is the only live sport I need!

Developer Advocate Jake explains some of the reasons why product experience can be misaligned between design and development. He points out that the source of truth can vary depending on the scenario, from the design system to the code in production to the design files. To find the truth, we have to ask a few questions: ​“What do we want?”, ​“What do we have?” and ​“What is the difference?”

“In this video, Jory Raphael and Noah Jacobus from Font Awesome will guide you through the crafting of their Config presentation, from initial napkin sketches to final polished slides. They share valuable insights, best practices, and tips for compelling storytelling, while sharing how they made their presentation uniquely ​‘Awesome’.”

Christine Vallaure shows how to use typography variables and modes to create responsive typography across different screen sizes. The video also covers applying multiple modes at once and automated typeface changes, such as for iOS and Android setups.

Mike Rundle points out interesting implementation details in the Apple Design Resources – visionOS file.

Mike Smith opens a Figma file for the recent hotel branding project, which includes a mood board and three different directions. Beautiful work from a local Philadelphia studio Smith & Diction.

Is that a photo, a render, or a Figma file? Impressive job by Naseer Ahmed.

Luis built a starter kit for system font stacks with 123 variables, including numbers and strings for font weights in CSS, SF Pro, Segoe UI, and Roboto fonts.

Cool screen graphics for Teenage Engineering devices on Sebastian’s community page.

Scan local text styles, convert their properties into typographic variables, and bind them back to the text styles. Christine Vallaure recommends this plugin in her recent video and shows how to use it.

New plugin from Meng To: ​“AI Text Generator is a super handy Figma plug-in made for designers who want to rewrite their text in a couple of clicks. It uses OpenAI GPT‑4 to give you smart, creative text suggestions—think names, titles, or even Lorem Ipsum dummy text—right where you need them. It automatically detects the selected text’s length and generates the perfect amount of words for your alternatives. You can also add custom prompts, which is useful for more control, generate any type of text, in different languages and amount of words.”

Confusingly enough, this new plugin by Anh is unrelated to another plugin with the same name I shared in issue #160. See examples on Twitter and choose which one works best for your needs.

This is a pretty wild experiment, started with a question: ​“What if you could design like a developer?” Name your layers with Tailwind classes, then run the plugin to instantly update the style. Why? Because you can, that’s why!

Designer Advocate Clara is interviewed by Lovers Magazine about her path into design, getting inspiration, community work, and workstation.

Niki Tonsky claims that ​“we, as a civilization, forgot how to center things.” As always, his essay gets into nitty-gritty design details in the most hilarious way. He explains how CSS, font metrics, and icons get in the way of centering things and what designers and developers can do about them.