A deep dive into the principles that separate intentional motion from decoration: easing and timing, anticipation, overshoot, follow-through, hold, and settle. The piece makes a compelling case for grounding animation in real-world physics and film editing rather than trending motion work, and lands on a point worth keeping: as AI tools make quality motion faster to produce, skill and restraint matter more, not less.
Weave Tools are pre-built AI actions that run directly inside Figma from a new Tools panel, sitting alongside plugins and widgets. Moran, Weave’s designer advocate, built the initial set of 30+ tools, covering things like aspect ratio changes, on-brand icon generation, and logo placement on products. The “add logo to product” demo is a good proxy for what makes this interesting: it’s not a one-shot prompt, but a multi-step chained workflow under the hood, which is why the output actually holds up — logo bending into the fabric wrinkles of a hoodie. All that complexity is hidden.
Rachel Platt, Figma Education Designer, walks through four ways to stop wasting prompts on setup: Make kits, guidelines files, templates, and file duplication. The most useful tip is the guidelines.md file — a plain markdown file Make reads automatically with every prompt. Write it once, get the context for free every session. You can even ask Make to draft the file for you from a description of your design system.
GPT‑5.6 is now available in Figma Make alongside the existing model options. Select it from the model picker in the chatbox. Available on all plans.
The team behind Bud (formerly Orchids), an AI-powered platform for building web apps and internal tools, is joining Figma. Bud was built around the idea that AI could “democratize the ability to build software,” and the acquisition fits neatly into Figma’s push into that same territory with Figma Make. The announcement doesn’t say what the team will work on, but the direction isn’t hard to guess.
Figma Community just got a new content type. Alicia Kranjc, Product Manager at Figma, walks through how to publish a Weave workflow to Community so anyone can find, copy, and run it. The demo workflow takes a single image and produces three video hero variations for different websites. Something that took its creator hours to build takes someone else a couple of minutes to use.
Meng To, founder of Design+Code, shares his first hands-on session with Figma Motion. The tutorial runs through basic animation, auto keyframes, and agent-prompted stagger animation, then pivots to shaders — which is where it gets interesting: he animates dither and lens distortion settings over the timeline, and builds a custom Matrix-style shader from scratch using the agent with a screenshot as input. A good complement to the official Figma tutorial below, which focuses on design systems and 3D transforms — this one is messier and more exploratory, which makes it easier to follow along.
Figma’s official getting-started tutorial for Motion. The three-part structure covers agent-assisted animation (prompt it, then refine in the timeline), preset animation styles, and manual keyframing. One thing that stands out: animation built on a component automatically propagates to every instance, so you animate the play button once and every media player in the file picks it up. Motion tokens are new variable types for timing and easing, and Dev Mode now shows a Motion panel with ready-to-ship code (JSON, React, CSS) alongside the design.
Nikolas Klein, PM on Figma Make, walks through how Code Layers work in practice. The mental model is deliberately familiar: duplicate a code layer to explore alternatives the same way you’d duplicate a frame. What’s new is that those alternatives are working experiences your team can interact with, comment on, and prompt against — all in the same file. The extract-to-design flow is the detail worth pausing on: you can pull any state or screen from the code layer back into editable Figma layers, make visual edits, then push the changes back to the code layer and to your repo. Code Layers are in closed beta with a signup for early access.
“Figma Make changes who gets to ship things.” That’s Charlota Blunárová, whose collaborative embroidery app “Common Thread” took Best Overall after she built it in one afternoon with no engineering background. It’s the most direct statement of what Figma Make is actually doing at the edges of the design community. The other five winners — including Aleyna Çatak’s head-and-lip-controlled navigation system “Pucker” and Lee Black’s gesture-powered ambient music instrument “Airwwave” — make the same point from five different angles.
The Figma design agent can now search the web. Type “search the web”, add a URL, or use the plus menu in the agent chat to pull in live content, reference real design patterns, and replace placeholder text and images with actual material.
Web publishing in Sites and Make has been an all-or-nothing setting. Now admins can set an org-wide default and carve out exceptions per workspace, so security-sensitive teams stay locked down without blocking everyone else.
Tab Groups brings folder-like organization to the Figma desktop app’s tab bar. You can group tabs by project, theme, or workflow, assign a color to each group, and collapse or expand them to stay focused without losing access to open files. A nice improvement for anyone working across multiple projects.
Three small connection upgrades in Figma Weave: select many nodes and connect them to one in a single move, hold Shift to fan one node out to many, or double-click a handle to spawn a prompt node already wired in.
Figma’s first Config-branded Makeathon, co-hosted with Contra, runs June 4–18: build something with Figma Make for a shot at $100K in prizes, including a $50K grand prize. All participants get Figma Pro free for the duration, and the first 10K to pre-register before June 3 unlock early access to Figma’s new design agent beta.
Check Designs scans your file against your design system and flags four categories of drift: hard-coded color, text, radius, and spacing values that should be tokens; color contrast violations below WCAG 2.0 AA or AAA; components sourced from unsubscribed libraries; and fully detached components. Each issue comes with a one-click fix. Unfortunately, it’s only for Organization and Enterprise plans now — a big miss for many teams on Professional.
Slots in Figma Design just got a set of guardrails: min/max layer counts, instance restrictions to limit what can go inside a slot, an empty-slot default so slots stay visible on canvas, and auto-fill behavior. Slots are now generally available, and these controls make them genuinely safe to use at scale.
The Figma Chrome extension can now capture any web page or element and bring it into Figma as editable layers — including text, shapes, images, and frames. It’s not a screenshot: the capture lands as actual design objects you can manipulate. Still in beta and limited to paid plans, and worth noting that design system mapping isn’t supported yet — your library components and variables won’t be automatically matched to captured elements.
An official Figma walkthrough of the agent (currently in beta, rolling out since May 20) through three phases of a real design project: exploring directions, processing feedback, and automating repetitive updates. The most practical detail: the agent works with your connected design system from the first prompt, so generated screens use your actual components, variables, and styles rather than placeholders. Also worth trying a prompt like “what would a growth-focused PM say about these designs?” to simulate stakeholder pushback before the actual review.
Three quality-of-life additions to Figma Make. Plan Mode lets you shape a project before generation starts — Make asks clarifying questions, drafts a plan, and waits for your approval before building. It costs more AI credits than a standard build, but the estimate shows upfront. Web Search & Fetch lets Make pull live content from the web or a specific URL mid-build. And queued messages let you stack follow-up instructions while the current generation is still running.