Tweets

More Variable modes for people on Pro and Org plans. Instead of 4 modes, Pro plans now offer 10 and Org plans 20.

It’s wild how long it takes to build some of these larger features. Jacob Miller, a Product Manager for the Design Systems and AI team at Figma, shares an early exploration for slots from 3 years ago! I’ve been begging Jacob for slots at this year’s Config and got a feeling that they’re already working on it, but still it will be launched only next year.

If you wonder why it’s taking so long, Jacob wrote an insightful reply on how his team approaches these changes: ​“With design systems features, we have to plan them years in advance. Things like components, variables, and styles are used on the order of billions — one wrong move will result in breaking files and ruining critical design work. We have to be methodical. […] With DS features, I’m usually planning them around 3 years in advance.”

If you’re curious how slots and other new features will work, check out Jacob’s AMA.

Tom Johnson has an in-depth thread on how dithering works, how it breaks, and some tools to get it to look best.

The official Figma MCP server now supports Gemini CLI, OpenAI Codex, and Atlassian is coming soon.

Tommy Geoco shows his workflow for building Lorelight with Figma and Claude Code.

Figma Make is pretty great for building custom diagrams for your research.

Another use case for Connectors is pushing code from Figma Make to a GitHub repository, which can be used as a project backup or source for deployment to your preferred hosting platform. Future updates to the Make file can be manually pushed to the repository. Connectors will become available later in October.

Dylan Field shows the new Figma app in ChatGPT in action with the tech tree generated out to the year 2100.

An early preview version of the new monospace font from Paper, based on Geist Mono from Vercel.

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.

Dylan Field shows a couple of projects he built in Figma Make with pre-release Sonnet 4.5. He notes that the new model is very good at planning and was able to precisely transform a Figma design into a functional code with a single prompt.

Tasteful isometric illustrations made in Figma Draw by Shreya Rao.

Another demo of using the new MCP server with Claude Code.

Watch Lee Robinson go from design to code with GPT-5-Codex and Agent.

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).

Pretty amazing what you can make without writing any code now. Congrats to all winners!

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.

New enhanced contrast toggle makes the Figma UI easier to read with higher contrast text, buttons, outlines, and selection, aligned with WCAG AA standards.

Enter Focus View from canvas and change modes for color and responsiveness.

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.