The Cut tool allows you to precisely divide vector objects and shapes into separate objects. When editing a vector, select the Cut tool and either click and drag to slice an object or click on a point to split the vector. Don’t miss a little fun interaction detail that Rogie and Tim sneaked in.
“Rolling out to Enterprise plans over the next few weeks, Organization admins can now enable or disable AI features for individual workspaces. When toggled on, AI functionality will be available in all files within that workspace.”
Emil Kowalski shares seven simple ideas you can use to improve your animations: scale your buttons, don’t animate from scale(0)
, don’t delay subsequent tooltips, choose the right easing, make your animations origin-aware, keep animations fast, and use blur when nothing else works.
“Now you can use the Figma integration with Zapier to connect Figma to thousands of other tools without writing code. The integration helps teams stay focused on building great products by automating routine tasks, like sending notifications when files are updated, logging design feedback, and creating tickets for follow up tasks.”
Max Stoiber notes how traditional design handoffs are a thing of the past at Shopify. Agree with this: “the hard part of making prototypes real is not “turning static drawings in Figma into HTML & CSS” anymore. AI can do that perfectly in seconds. What’s left is: backend implementations, wiring up the data fetching, handling state… None of which is “handoff.”
For most of my career, I owned both design and front-end code on products I worked on. This combination of skills used to be a (somewhat) rare differentiator, but became ubiquitous with AI. That said, for AI to work “perfectly in seconds” requires an extensive setup with an advanced design system shared between Figma and code. Without this foundation, prototyping designs for real apps still requires some technical knowledge. These days, I often use Figma Make for quick experiments and proofs of concepts before switching to the actual codebase and prototyping the final version with Cursor (fully adopted by the design team at Shopify as well).
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.
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.
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).”
New enhanced contrast toggle makes the Figma UI easier to read with higher contrast text, buttons, outlines, and selection, aligned with WCAG AA standards.
“Explore ideas and riff on product flows with templates in Figma Make. Create an accurate representation of an existing product experience, then replicate it as a sandbox to experiment with design directions, new feature ideas, growth campaigns, and more.”
“The Community tab is back in the file browser, replacing the previous Templates & Tools tab, for easier access to your favorite public Community templates, plugins, and more. Now you can also easily discover internal templates published by your teammates with the new Resources tab in the file browser under your team space.”
Somehow, I didn’t realize how powerful the pattern fill is in Figma. Another reminder from Miggi that you can select any source you want to be a pattern, and it will live update. You can control the pattern type, scaling, spacing, and orientation.
The Shape Builder is a newer vector tool added to Figma Design from Draw. First, Miggi shows how to use it to easily cut up a shape with a path. Next, he makes a yin-yang symbol with it in just a few seconds.
In @figma Design you can easily cut up a shape with a path using the shape builder tool, without moving over to draw! 🤯
— miggi from figgi (@miggi) September 8, 2025
Just draw the path you want to use to "Cut." Just select your object and path and press "M," and click your regions. #FigmaTip pic.twitter.com/A249bd6tqJ
Admins on the Enterprise plan can now require password protection for all published Sites & Makes across your organization.
Lauri Lännenmäki shows yet another use case for Make — after designing a complicated component with different properties and states, make an interactive playground to give to the developers. Great opportunity to test edge cases and experiment with interactions.
Design Engineer Carmen Ansio on the change coming to translating visual ideas into solid code: “We’re on the edge of a massive shift, thanks to three things coming together: smart design systems in Figma, an AI-native code editor called Cursor, and a data bridge called the Model Context Protocol (MCP). We’re not just translating pictures anymore. We’re building machine-readable systems that an AI can understand and build from directly. This guide is for you, the person on the ground, showing you not just how to use this new workflow, but how to think about it.”
Motion designer Thibaut Crépelle reimagined the launch of the iconic iMac G3 with an animated video and an interactive page made in Framer. Really fun passion project executed with high quality and attention to detail.
My first Mac was a Mini G4 introduced in 2005, but soon after, I also got an iMac G3 because of its cool look. Watching this reel made me want to get another one again.
Emil Kowalski helps decide when and how to animate to provide a better user experience, starting with ensuring your animations have a purpose. I finished Emil’s course Animations on the Web this summer and highly recommend following his writing on motion and animation.
Mr. Biscuit explains the process of building a parametric button in Figma using the Variable Visualizer plugin.
A calligraphy artist Jake Rainis shares an interesting technique to improve your Bezier curves: “Plot your anchors as you normally would, but when you pull the Bezier handles to create curves, pull them at either a 0º angle (horizontal), or 90º angle (vertical).”