Tweets

Watch Lee Robinson go from design to code with GPT-5-Codex and Agent.

Max Stoiber notes how traditional design handoffs are a thing of the past at Shopify. Agree with this: ​“the hard part of making prototypes real is not ​“turning static drawings in Figma into HTML & CSS” anymore. AI can do that perfectly in seconds. What’s left is: backend implementations, wiring up the data fetching, handling state… None of which is ​“handoff.”

For most of my career, I owned both design and front-end code on products I worked on. This combination of skills used to be a (somewhat) rare differentiator, but became ubiquitous with AI. That said, for AI to work ​“perfectly in seconds” requires an extensive setup with an advanced design system shared between Figma and code. Without this foundation, prototyping designs for real apps still requires some technical knowledge. These days, I often use Figma Make for quick experiments and proofs of concepts before switching to the actual codebase and prototyping the final version with Cursor (fully adopted by the design team at Shopify as well).

Pretty amazing what you can make without writing any code now. Congrats to all winners!

A major update to Figma Sites. First of all, custom fonts are finally here! More accessibility features, like HTML tags on layers, accessibility controls, and ARIA role settings. Password protection for the portfolio you still won’t finish. A configurable cookie consent banner, and a new link shortcut with additional types like back and scroll to. Last but not least, Figma Sites is now available for all Starter and Education users.

New enhanced contrast toggle makes the Figma UI easier to read with higher contrast text, buttons, outlines, and selection, aligned with WCAG AA standards.

Enter Focus View from canvas and change modes for color and responsiveness.

Figma announced early access to the limited alpha of editing designs using text prompts on the canvas. I’m stoked about this release as it will make experimenting, trying new ideas, and exploring alternatives so much faster.

Tailwind CSS joins Paper as investors and partners to ​“do whatever we can to help make Paper the absolute best design tool in the world for modern web teams.” Lately, Tailwind CSS has gotten strong tailwinds from AI codegen tools, as this standardized and encapsulated approach to styling works great both for humans and LLMs. Excited to see what a deeper integration with the design tool might look like.

MDS with a pro tip on using the Measurement tool: ​“Use Shift+M to measure spacing as you adjust. This makes dialing in your line height and Auto Layout container sizes much easier.”

Somehow, I didn’t realize how powerful the pattern fill is in Figma. Another reminder from Miggi that you can select any source you want to be a pattern, and it will live update. You can control the pattern type, scaling, spacing, and orientation.

The Shape Builder is a newer vector tool added to Figma Design from Draw. First, Miggi shows how to use it to easily cut up a shape with a path. Next, he makes a yin-yang symbol with it in just a few seconds.

Lauri Lännenmäki shows yet another use case for Make — after designing a complicated component with different properties and states, make an interactive playground to give to the developers. Great opportunity to test edge cases and experiment with interactions.

Motion designer Thibaut Crépelle reimagined the launch of the iconic iMac G3 with an animated video and an interactive page made in Framer. Really fun passion project executed with high quality and attention to detail.

My first Mac was a Mini G4 introduced in 2005, but soon after, I also got an iMac G3 because of its cool look. Watching this reel made me want to get another one again.

Vijay Verma goes from sketch to a cool illustration of koi fish made in Figma Draw in 6 steps.

Beautiful illustration that took Ajnas 29 hours and 1,100 layers to make in Figma.

Marijana Pavlinić with a gorgeous recreation of a Vatican stamp. Amazing what new brushes made possible.

Tom Johnson lists 10 issues that make grids hard to use in Figma.

If you missed a 2‑hour-long video Vibin’ on Inflight shared in #221, Ridd shared a short snippet demonstrating an advanced technique of turning similar objects into instances of a component by using Select Layers, Master, and Destroyer plugins.

Ajnas made a wildly realistic illustration inspired by the new F1 movie.

Love how clean it looks compared to emojis. You can choose the icon in Apple’s SF Symbols app, but keep in mind that it will render correctly only on Macs.