Prompt to edit. Sites updates. Paper + Tailwind.
Sponsor
Speed up your design process
TextSniper instantly captures any text and converts it into editable content. Get text from client screenshots, design references, and mockups without tedious retyping. Works system-wide across every app.
What’s New
Paper + Tailwind
Tailwind CSS joins Paper as investors and partners to “do whatever we can to help make Paper the absolute best design tool in the world for modern web teams.” Lately, Tailwind CSS has gotten strong tailwinds from AI codegen tools, as this standardized and encapsulated approach to styling works great both for humans and LLMs. Excited to see what a deeper integration with the design tool might look like.
Figma rendering: Powered by WebGPU
Figma rebuilt its renderer on WebGPU, detailing the engineering work in this article: compute-shader opportunities, clearer error handling, and lower CPU overhead (with plans for RenderBundles/MSAA), plus how the team rolled it out safely with device blocklists and mid-session fallback.
Figma AI
Prompt to edit
Figma announced early access to the limited alpha of editing designs using text prompts on the canvas. I’m stoked about this release as it will make experimenting, trying new ideas, and exploring alternatives so much faster.
Attach images as references for your AI image prompts
“You can now attach up to 6 reference images when prompting AI to make or edit an image. This can help match brand style, add specific objects, or create similar images based on existing assets.”
Figma Design
How a designer at Slack organizes Design Iterations in Figma
Andrew Gosine, Principal Product Designer at Slack, walks through how he organizes design iterations in Figma in an interview with Jay.
Office Hours: Building aligned Design Systems
Advocates Anthony and Duncan discuss how to keep a design system aligned with code: structuring components and tokens for alignment; streamlining design-to-code with tools like Code Connect; confidently maintaining, updating, and scaling your design system; and laying the foundation for more effective AI workflows.
New in Dev Mode
Enter Focus View from canvas and change modes for color and responsiveness.
Snap to midpoint for variable width stroke
Snapping to midpoints while using variable width strokes in Figma Draw just got easier. “When you hover with the width point tool, it’ll now hint at the midpoint of that segment so you can snap to the middle of two points (or even between two points themselves).”
Enhanced contrast
New enhanced contrast toggle makes the Figma UI easier to read with higher contrast text, buttons, outlines, and selection, aligned with WCAG AA standards.
Figma Sites
A few updates to Figma Sites
A major update to Figma Sites. First of all, custom fonts are finally here! More accessibility features, like HTML tags on layers, accessibility controls, and ARIA role settings. Password protection for the portfolio you still won’t finish. A configurable cookie consent banner, and a new link shortcut with additional types like back and scroll to. Last but not least, Figma Sites is now available for all Starter and Education users.
Responsive Typography in Figma Sites
Christine Vallaure shows how to keep type consistent across screen sizes: establish text styles once, map them to your layouts, and preview responsiveness before you ship.
Figma Make
Figma Make-a-thon Winners Announced
Pretty amazing what you can make without writing any code now. Congrats to all winners!