Alex

We just hit 18,000+ design systems connected on Magic Patterns. Designers use your *ACTUAL* production components, the same one your engineers use. The design <> dev handoff is just called "handoff" now.

ChatGPT is now available in CarPlay. The voice mode you know, now available on-the-go. Rolling out to iPhone users running iOS 26.4+ where CarPlay is supported.

Google Stitch introduced a new concept: DESIGN . md Like README . md but for design systems. A plain markdown file that LLMs read to generate consistent UI. An awesome collection of DESIGN . md files inspired by developer-focused websites like Stripe, Vercel, Linear, Notion, Figma and more. Drop one into your project. Your AI coding agent builds the rest.

Use masks for your scrollable areas Use the CSS at-rule `@property` to register stops as animatable values. The browser treats your custom property as a `percentage`, so the mask edges transition smoothly. Result: scroll lists that fade at the edges, revealing content underneath. No JavaScript needed.

Make Kits, rolling out today → Build and teach Make your design system → Ground your prototype in your project work with Make attachments

cursor now truncates file paths in the middle w pretext

CSS 🤝🏽 Math How to get even margins without ignoring line-height.

Will it run DOOM?

Latex fans assemble! It's time to use Pretext's expressive controls to improve text readability. @Somnai_dreams implemented the Knuth-Plass algorithm to reduce reading churn on long paragraphs of text: chenglou.me/pretext/justif…

My dear front-end developers (and anyone who’s interested in the future of interfaces): I have crawled through depths of hell to bring you, for the foreseeable years, one of the more important foundational pieces of UI engineering (if not in implementation then certainly at least in concept): Fast, accurate and comprehensive userland text measurement algorithm in pure TypeScript, usable for laying out entire web pages without CSS, bypassing DOM measurements and reflow

In a Menu, should disabled items be focusable?

Seems like a good opportunity to share a trick I used on the React Aria website to make headings scale to fit the viewport on mobile, even with SSR. I used fontkit, a library I wrote 10 years ago to parse fonts and layout glyphs, to measure the width of the heading at build time in the "em" unit. width = font.layout('DateRangePicker').advanceWidth / font.unitsPerEm This is a size independent measurement using the font's internal metrics. When multiplied by any font size, you get the pixel width of the text. To calculate the font size, set this as a CSS variable and divide the target width (100vw minus padding). Clamp to make sure it doesn't get too big or small. font-size: clamp(35px, (100vw - 32px) / var(--text-width), 55px) And tada! You have perfectly scaling text no matter the viewport size. 🎉

wtf chrome has vertical tabs now. finally

We're rolling out plugins in Codex. Codex now works seamlessly out of the box with the most important tools builders already use, like @SlackHQ, @Figma, @NotionHQ, @gmail, and more. developers.openai.com/codex/plugins

I’ll be covering how to make the most of this in my livestream on March 31st with Figma! You can sign up here: fig-events.figma.com/claude-to-figm…

Now you can use AI agents to design directly on the Figma canvas, with our new use_figma MCP tool and skills to teach them. Open beta starts today.

You can now enable Claude to use your computer to complete tasks. It opens your apps, navigates your browser, fills in spreadsheets—anything you'd do sitting at your desk. Research preview in Claude Cowork and Claude Code, macOS only.

@0mniflux @heart2428soul What if you're meant to create an entirely new vase unlike the other?

@heart2428soul sure, you can stitch a broken vase back together, but it will never hold its contents the same way again

The designers who’ll be most valuable in five years aren’t the ones who used AI tools earliest. It’s the ones who maintained the clearest point of view on what good actually is while everyone else was optimizing for speed.

Figma MCPの公式のベストプラクティスが書かれているのここか。これに従うだけで、オートレイアウトとか名称の引継ぎができてクオリティあがるの嬉しい github.com/figma/mcp-serv… #netadashi