Dev Drop: Make your static Figma designs interactive

Meet Visual Copilot 2.0: Bringing designs to life through natural language.

Read the full announcement

From the Builder Blog

• Learn how to convert Figma designs to React Native code with just one click. (About 900 words)

• Explore the?key components and benefits of design systems, including improved consistency, efficiency, and scalability in product development. (About 1700 words)

• Learn how visual editing?bridges the gap between design and development, enabling faster iterations and improved collaboration in web development workflows. (About 1400 words)

Interesting tidbits

• Jonathan Creamer shares how his team?reduced their Git repo size by 94% improving clone times and overall repository management.
• Dive into?headless, boneless, and skinless UI. It's a neat look at how UI abstractions are evolving.
• Robin Malfait shows a?pattern for conditional React hooks, allowing developers to use hooks conditionally without violating React's rules of hooks.
• Aurora Scharff tackled the headache of managing complex search param filtering in Next.js App Router.
• Learn how to create engaging, performance-optimized scroll animations without JavaScript.
• Boba Ekang compares the two contrasting approaches to React's new full-stack architecture
• Eric Bailey demonstrates?creating content-aware components?using CSS :has(), Grid, and quantity queries, showcasing adaptive layouts based on content amount.

Tools, libs, utils

• Next.js 15?introduces significant updates including stable Turbopack, React 19 support, async request APIs, new caching semantics, and the @next/codemod CLI for easier upgrades.
• The?React Compiler, a build-time tool that optimizes React apps through automatic memoization, is now in Beta.
• React Native 0.76?enables the New Architecture by default, introduces stable React Native DevTools, adds new?boxShadow?and?filter?style props, and improves Metro's resolution speed.
• React Navigation 7.0?introduces a new static API, screen preloading, layout props, improved web integration, and enhanced features like searchbar support and sidebar options for Bottom Tab Navigator.
• Svelte 5?introduces runes for fine-grained reactivity and the new?Svelte CLI?for creating, enhancing, and upgrading Svelte projects.
• NativeWind v4.1?enhances React Native styling with Tailwind CSS more consistent refreshes, experimental animations and transitions, media query improvements, and better TypeScript integration.