One of the top requests for Figma Make is the ability to bring generated ideas directly into Figma Design, so that they can be shaped, remixed, and built on in the canvas. Our goal is for Make outputs to be fully editable, contextual, and native. No extra steps naming, exporting, or switching modes. Copy design is the first step toward that vision. Now, teams can bring their Make previews into…

Convert, generate OKLCH colors, and create a unique color palette for your next app.

This tool is a fantastic all-rounder and my personal starting point for many projects. What sets it apart is its intuitive multi-layer support. You can stack several shadow layers, each with its own offset, blur, spread, and color, which is the secret to creating incredibly soft and realistic depth. It’s perfect for mimicking the subtle shadows you see in high-end dashboards and component libraries.

We’ve all been there. You spend hours polishing a layout, only to end up with rows of blank grey circles staring back at you where faces should be. It feels dead. Lifeless.

Raycast for designers, Centering in CSS, Performance management, A solopreneur’s guide to pricing yourself, The grug brained designer, and more.

Adhere to WCAG by building an accessible component library, auto-detecting issues for web & mobile interfaces, and streamlining dev handoff. Prevent up to 40% of issues before development starts

Hope you’re having a good week so far. This edition I loved the deep dive into the State of CSS 2025 results, with :has() rightly in the spotlight.

Build an app, test an interaction, or bring an idea to life—with a simple prompt.

When you’re working in Adobe After Effects, the right template isn’t just a shortcut — it’s your creative fast-track. Whether you need an attention-grabbing intro, a slick logo reveal, or a polished slideshow, this curated list of 49 free After Effect templates covers it all. Every item comes with keyword-rich alt text, a detailed description, and a practical mini tip so you can use it like a pro.

A step-by-step breakdown of a wireframe and solid blend effect using Three.js render targets, along with a quick look at managing the WebGL lifecycle in Solid.js.