<p><strong>TLDR:</strong> Figma Make is launching a beta that lets you visually edit your production codebase directly from Figma, with Git branching and AI-driven code updates. CSS contrast-color() is now shipping in Chrome 147, Firefox 146, and Safari 26, giving browsers native accessible contrast without JavaScript. Astro 6.4 ships a Rust-based Markdown processor that cuts over a minute off large docs site builds. v0 also landed a higher-fidelity Figma import that reads layout, typography, components, icons, and images.</p>
<hr>
<h2>Figma Make expands to local codebases</h2>
<p>Figma Make’s beta (launched May 28) lets you select elements on the Figma canvas, adjust properties, and have an AI agent write the changes directly into your production code. It includes Git workflow support — branching, committing, PR creation — and a collaboration layer for sharing branches and syncing between canvas and codebase. Currently Mac-only and free during beta. This is the most direct attack yet on the design-to-code handoff problem, and it’s worth watching how it handles real design systems versus toy demos. <a href="https://app.daily.dev/posts/Zq8sm0OB2" target="_blank" rel="noopener nofollow">Read more</a></p>
<h2>CSS contrast-color() now shipping across all three major engines</h2>
<p>Chrome 147, Firefox 146, and Safari 26 all ship the CSS contrast-color() function, which automatically picks black or white text based on background contrast — no JavaScript, no build step. The April 2026 Baseline digest also confirms it as newly available. Given that 70–84% of websites still fail WCAG contrast checks, this is a meaningful native fix. There are gotchas: it snaps discretely during transitions and doesn’t work on gradients, but combined with oklch() and color-mix() it enables full dynamic theming from a single custom property. <a href="https://app.daily.dev/feed-by-ids?id=Afte9iV44&amp;id=Cp0OHNVhm" target="_blank" rel="noopener nofollow">Read more</a></p>
<h2>Astro 6.4 ships a Rust-based Markdown processor</h2>
<p>Astro 6.4 introduces a pluggable markdown.processor API and a new @astrojs/markdown-satteri package — a Rust-based processor called Sätteri that cut over a minute off build times for large docs sites like Astro’s own and Cloudflare’s. Existing remark/rehype plugins still work with the default pipeline, but Sätteri has its own plugin system and doesn’t support them. The release also adds cf() helpers in the Cloudflare adapter for wiring up KV bindings and advanced routing. <a href="https://app.daily.dev/posts/xAlYWZ5dK" target="_blank" rel="noopener nofollow">Read more</a></p>
<h2>v0 gets higher-fidelity Figma import</h2>
<p>v0 now reads layout, typography, components, icons, and images from Figma files when converting static designs to functional UI code. The previous version was rough enough that most teams still needed significant cleanup after import. Whether the fidelity improvement holds up on complex design systems with custom tokens is the real test. <a href="https://app.daily.dev/posts/pCJbNhwNi" target="_blank" rel="noopener nofollow">Read more</a></p>
<hr>
<h2>Also notable</h2>
<ul>
<li><strong>React 19.2 useEffectEvent guide:</strong> React 19.2’s useEffectEvent hook solves stale closures in Effects by letting you read current state and props without adding them as dependencies — internally it’s a ref to the latest callback. Worth reading before you reach for the useRef/useLayoutEffect workaround again. <a href="https://app.daily.dev/posts/0oQ28njvG" target="_blank" rel="noopener nofollow">Read more</a></li>
<li><strong>VS Code remote sessions for Copilot CLI:</strong> VS Code now lets you run /remote in a Copilot CLI session to generate a QR code and web link, opening the same session with full context on any device including phones — useful for monitoring long-running agent tasks or mobile UI testing. <a href="https://app.daily.dev/posts/MPmoJcAMs" target="_blank" rel="noopener nofollow">Read more</a></li>
<li><strong>VS Code agent plugins:</strong> Agent plugins bundle Copilot skills, MCP servers, hooks, and slash commands into a single installable package. You can commit a recommended plugin list to .github/copilot/settings.json to share it across a team. <a href="https://app.daily.dev/posts/BmqXtxx25" target="_blank" rel="noopener nofollow">Read more</a></li>
<li><strong>Deno 2.8 hits 76% Node.js compatibility:</strong> Node Weekly 626 reports Deno 2.8 reached 76% Node.js compatibility, up from 42%, now ahead of Bun, with simplified package installation. <a href="https://app.daily.dev/posts/LH1ujNd68" target="_blank" rel="noopener nofollow">Read more</a></li>
<li><strong>Signals talk from NDC Sydney 2026:</strong> A conference talk walks through building a signals system in ~30 lines of JavaScript, covers how Vue, Svelte, Solid, and Angular adopted them, and explains why React deliberately avoids signals in favor of a pull-based virtual DOM with memoization — and the TC39 proposal to standardize signals in the language itself. <a href="https://app.daily.dev/posts/NkSCiUQ4g" target="_blank" rel="noopener nofollow">Read more</a></li>
<li><strong>WebMCP: zero production adoption, two early implementations:</strong> A developer scanned 111,076 of the top 200,000 websites and found zero WebMCP implementations. They shipped it anyway on a SvelteKit blog and a Next.js app. Chrome 146 Canary has partial support; production browser support is estimated for 2027 at the earliest. <a href="https://app.daily.dev/posts/T3DjNGaVg" target="_blank" rel="noopener nofollow">Read more</a></li>
<li><strong>Webflow pivots to agentic web marketing platform:</strong> Webflow announced a shift toward AI agents and enterprise marketing, accompanied by layoffs. The post argues this risks sacrificing the creative developer audience that made Webflow worth using. <a href="https://app.daily.dev/posts/e9cU8yLNT" target="_blank" rel="noopener nofollow">Read more</a></li>
<li><strong>CSS image reset missing height: auto:</strong> Setting max-width: 100% on images without height: auto breaks aspect ratios when images have explicit HTML height attributes — the browser enforces the fixed pixel height as width scales down. <a href="https://app.daily.dev/posts/bbc60Y5Ij" target="_blank" rel="noopener nofollow">Read more</a></li>
<li><strong>Hookwarden: webhook signature verification scanner:</strong> Open-source CLI that scans JS/TS, Python, and PHP codebases for webhook verification bugs across 11 frameworks and 6 providers (Stripe, GitHub, Shopify, Slack, Twilio, Square), runs entirely locally, and includes an auto-fix subcommand for timing-unsafe comparisons. <a href="https://app.daily.dev/posts/Mogh5tHOI" target="_blank" rel="noopener nofollow">Read more</a></li>
<li><strong>Flutter 3.44 and Dart 3.12 at Google I/O 2026:</strong> Flutter 3.44 ships Agentic Hot Reload, Generative UI, improved Impeller rendering, and Swift Package Manager on by default for iOS/macOS. Toyota embedded Flutter in the 2026 RAV4. <a href="https://app.daily.dev/posts/HYeEz43eJ" target="_blank" rel="noopener nofollow">Read more</a></li>
<li><strong>SPFx 1.23 GA with React 18 still pending:</strong> SharePoint Framework 1.23 reached GA with grouping support for ListView Command Sets. React 18 support is in progress but not confirmed for the June 1.23.1 release. <a href="https://app.daily.dev/posts/svwkrL86c" target="_blank" rel="noopener nofollow">Read more</a></li>
<li><strong>Expo Router adds Streaming SSR and data loaders:</strong> Expo Router now supports Streaming SSR and structured data loaders, bringing server-side rendering with streaming to React Native and universal app development. <a href="https://app.daily.dev/posts/OMYGQB52D" target="_blank" rel="noopener nofollow">Read more</a></li>
<li><strong>Claude Opus 4.8 on Vercel AI Gateway:</strong> Claude Opus 4.8 is available on Vercel’s AI Gateway via anthropic/claude-opus-4.8, with adaptive thinking and configurable effort levels for long-horizon agentic and multi-step coding tasks. <a href="https://app.daily.dev/posts/3FcvzNkfJ" target="_blank" rel="noopener nofollow">Read more</a></li>
<li><strong>Local LLM tooling guide (2026):</strong> A practical guide covering Ollama, vLLM, and LM Studio with Node.js and React integration code, benchmark tables across M3 Pro and RTX 4070/4090, and model recommendations: Qwen 3 8B for code, Llama 4 Scout for chat, Phi-4 14B for summarization. <a href="https://app.daily.dev/feed-by-ids?id=gAGGzZ9J2&amp;id=pPXqESkn7" target="_blank" rel="noopener nofollow">Read more</a></li>
<li><strong>Tailwind v4 dynamic theming with OKLCH:</strong> A walkthrough generating an 11-shade color palette from a single CSS hue variable using Tailwind’s @theme directive and OKLCH, updated at runtime via a Stimulus controller — one variable recolors the entire app. <a href="https://app.daily.dev/posts/FcgBGTXMT" target="_blank" rel="noopener nofollow">Read more</a></li>
</ul>


Frontend development news, CSS techniques, framework updates, and browser API changes.

Web Digest

A curated roundup of web development news: Figma Make enters beta with AI-driven local codebase editing and Git workflow support. CSS contrast-color() ships across Chrome 147, Firefox 146, and Safari 26, enabling native accessible contrast without JavaScript. Astro 6.4 introduces a Rust-based Markdown processor (Sätteri) that cuts over a minute from large docs site builds. v0 improves Figma import fidelity for layout, typography, and components. Also covered: React 19.2 useEffectEvent, VS Code Copilot remote sessions and agent plugins, Deno 2.8 reaching 76% Node.js compatibility, WebMCP adoption status, Flutter 3.44, Expo Router Streaming SSR, and Tailwind v4 dynamic OKLCH theming.

Figma Make hits local codebases, CSS contrast-color() ships in three browsers