AI is NOT coming for you, Server actions, Figma <3 Builder and a lot of CSS

Hey devs!

So Devin isn’t actually coming for your job and AI brooches aren’t coming into fashion any time soon. Is AI just a fad after all? Steve has ideas on how to build AI products that don’t flop , drawn from his experiences using AI here at Builder to make even better devtools. (Spoiler: use AI to make products more awesome—don’t make it the product itself!) Give it a read , and let Steve know what you think!

• Join Steve as we host a webinar with Figma Dev Advocate?Akbar Mirza to learn more about Figma’s Dev Mode and how to convert Figma designs into high-quality code with your existing components using Visual Copilot.?Register and start building !
• Figma to code with AI covers all the features of Visual Copilot and how it can help you in transitioning from Figma designs to code with AI!

• Robin Wieruch explores Server Actions in Next.js 14, sharing how to manage CRUD operations in the App Router without interchanging state between server and client in "Exploring Server Actions with Next.js" .
• Josh Comeau on the challenges of using "CSS in React Server Components" …and offers a few solutions!
• "Setting And Persisting Color Scheme Preferences With CSS And A 'Touch' Of JavaScript" walks you through an (almost) CSS-only way to set, respect, and persist “darkmode”.
• Nate Baldwin shares how Intuit’s design system synchronizes Figma variables with Design Tokens .
• Chris Coyier says CSS’s gap is the new margin, and the numbers agree!
• He also outlines the many "Things That Can Break aspect-ratio in CSS"—like setting both dimensions on an element or unexpected content stretching. (Not that anyone would ever do that… ??)
• You can officially vertically center content without using grid or flex now.

• Next.js 14.2 is out, packing improvements across development, production, and caching. Notable updates include the Turbopack Release Candidate for faster development, enhanced build memory usage, and optimized CSS handling.
• View transitions for Next.js —add delightful and performant animations to your Next app.
• Astro 4.6 packs internationalization, experimental CSRF protection, and improved cookie handling. (It also deprecates support for older Node.js versions.)
• Supabase has gone GA! Supabase announced its General Availability, confirming its readiness for widespread use with features like enhanced CSRF protection and improved cookie handling.

And that's a wrap for today! Wishing you all a fantastic weekend ahead.

See you in the next one,

Vishwas