Tweets

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.

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.

MDS with a pro tip on using the Measurement tool: ​“Use Shift+M to measure spacing as you adjust. This makes dialing in your line height and Auto Layout container sizes much easier.”

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.