Tweets

Nice to see stunning gradients made from scratch. The Figma file is now available for download.

You can always rely on Vijay to come up with the most creative ways to achieve special effects.

Blows my mind that this is made in Figma. See other cool experiments in Lee Black’s X profile.

Luis considers using opacity to decrease the volume of variables in the design system.

Fons Mans now uses Figma mostly to translate ideas onto the screen quickly, then switches to a tool that lets him build or create the final product or visual. Cameron Moll also follows this approach.

It works really well when the designer is involved in the implementation. Figma is a fantastic tool for quickly exploring different directions, but after reaching an alignment, it’s time to polish the final version of the product, not its image. I was frustrated by wasting time whenever I spent hours prototyping an elaborate but disposable interaction in Figma. Modern AI tools make this final iteration even more accessible to less technical folks. That said, in most organizations, designers still can’t touch code — either that will change, or the final polish will still be happening in Figma for quite some time.

Hot take: ​“Figma’s reliance on craftsmanship design culture feels vulnerable in a world moving toward automation & commodification.” I’m very curious to see what the big theme of Config 2025 will be.

Steve Lauda makes realistic illustrations entirely in Figma.

Yep! Type foundry explains why text in a dark UI often looks better when it’s slightly lightened. That’s one of the reasons why choosing variable fonts for new projects became one of my non-negotiables.

Tailwind CSS v4 beta includes a modernized P3 color palette. In this thread, Gleb Stroganov explores and compares the new OKLCH palette to the old one in v3. Tailwind’s adoption of P3 colors might be the tipping point in popularizing wide gamut colors on the web.

Prevent accidental removal of FigJam sections by locking the background of a section.

Brett offers to send an Apple Studio Display to someone who guesses the exact number of layers he used in an illustration. My guess is 999,999.

Yann-Edern Gillet from Linear shows how he organizes Figma files into a matrix consisting of Components, Inspirations, Playground, and Ready for Dev areas. Raphael Schaad originally recommended this approach in his Config talk From paper to pixels.

Figma will raise prices and change the billing experience next year, as explained by Tom Lowry. (My heart goes out to him for being the face of this change.) The cost of the Professional plan goes up by 33% from $15/​month or $144/​year to $20/​month or $192/​year. (Consider switching to the annual billing before the price goes up!) The seat on the Organization plan increased by 22% from $540 to $660 per year (the cost of the Dev Mode seat didn’t change), and on the Enterprise plan by 20% from $900 to $1,080.

To soften the blow, all paid seats now include FigJam and Slides. The Dev seat became available on the Professional plan for $15/​m or $144/​year (the cost of the Full seat before the price increase). Slides is now bundled with FigJam on the new Collab seat, available for $5/​month or $36/​year on the Professional plan and $60/​year on other plans.

The new admin experience finally provides an upfront control of how users get upgraded. Later next year, they plan to roll out Connected Projects announced at Config, so freelancers and agencies won’t need to pay twice for seats.

v0 from Vercel is a ​“generative chat interface with in-depth knowledge on modern web technologies. It can provide technical guidance while building on the web, generate UI with client-side functionality, write and execute code in JavaScript and Python, build diagrams explaining complex programming topics, and more”. v0 supported sketches and screenshots as a starting point for generation for quite some time, but now paid users can also import designs from Figma.

Marina Budarina with another dope gadget illustration made entirely in Figma.

Molly Hellmuth with a tip on using the ​“Ignore auto layout” feature to add a scrollbar to the menu, among other things. It’s one of my favorite features, making it easy to preserve Auto Layout while making designs more realistic and interesting.

A tutorial from James on creating beautiful background patterns and effects. I haven’t tried the vga blurrific.exe plugin he recommends, but it looks really cool.

David Hill walks layer-by-layer through his process of designing a sick illustration for the lil bro coffee from Terminal.

A new update to Slides lets you bring slides from Figma into a deck with one click.

The layers panel finally supports lots of nested frames or long layer names with horizontal scrolling.