New device frames are now available for the latest iPhone 17 and Air models.

“Join Nikolas Klein (Product Manager, Figma) and Peter Ng (Product Designer, Figma) in the first episode of Design Roulette, where we challenge designers to create designs with no preparation. The twist? They’ll also have to spin the wheel and incorporate the chosen random design prompt into their design. In this episode, they’ll conceptualize ads for the mythical hot sauce, Véloce, using Figma’s new AI image editing tools.”

The Glass effect is now generally available, and Miggi introduces a few updates: add Glass to any object, shape, or text; design Glass with non-uniform corners and precisely round each corner radius; use the Splay property to control how light bends around an object’s edges; and apply variables to Glass properties to easily connect to your design system.

“These updates give you more precision and control when bringing ideas to life in Figma Make: preview a to-do list for your more complex prompts so you can see, verify, and even edit the plan before it runs; manually edit text or delete specific elements to quickly fine-tune your prototypes; and a new navigation bar where you can route to a specific screen of your prototype.”

Doruk: ​“Photoshop to Sketch was a productivity jump. Sketch to Figma was a collaboration jump. This next jump will be the same type of collaboration leap, but for coded prototypes. This is not ​“designers can code now”. It is about keeping design work shareable and close to production. The teams that win will not be the ones with the fanciest local setups. They will be the ones who keep making, testing, and reviewing work in the same shared space.”

Nikolas Klein, PM at Figma: ​“Today, we’re introducing the ability to embed Figma Make prototypes into Figma Design, FigJam, and Figma Slides, along with new editing tools that help you build and share your best ideas.”

In this video, Figma shows how you can use Figma Make to brainstorm and prototype new product features and ideas.

“Starting today, the Figma for Jira app supports webhooks, so teams can get instant design status updates like ​“Ready for Dev” directly in Jira tickets, with no admin setup required. Webhook support is enabled for newly linked design files, and we’re rolling it out to existing links soon.”

Big update to Figma navigation! The rollout seems to still be in progress, as I’m seeing it only in one of my accounts. If you aren’t seeing it yet, here is another quick demo from Zander.

“We’re introducing a new left navigation bar in Figma Design, Draw, and Dev Mode to make it easier to move between library assets, variables, and search. To help you get familiar, we added labels, which you can toggle anytime in the View menu. Edge-to-edge variables authoring experience. See everything at a glance with the new full screen view that spans the entire width of the browser.”

“Templates built with Variable modes now work seamlessly when published to Buzz. This gives your marketing teams more flexibility to toggle between your brand modes like colors, campaigns, markets, and more — all while staying on brand. When they open a template published with variables, they’ll see a new Variable switcher in the menu to easily change modes.”

“Admins on Organization and Enterprise plans can now disable ​‘From Figma’ Community templates in Buzz, ensuring teams use only the templates your brand team has published and approved.”

“In this interview, Jay chats with Dan, Director of Brand Design & Video at Rippling. You will learn how Dan uses Figma Buzz to speed up Rippling’s brand design workflow.”

Designer Advocate Anthony DiSpezio is joined by Christine Vallaure for a walkthrough of best practices for designing responsive websites in Figma Sites. They cover how to design across breakpoints, tips for layout and structure, and other best practices.

Ridd highlights a few examples from his workflow of delivering production-ready code to his product. Love this part: ​“I explored this concept in Make and really liked where it landed. A couple years ago, I would’ve dropped a Cleanshot .gif on the canvas and asked my developer to recreate it as closely as possible. But I’m no longer making concept cars. This component is the design. Every detail is rooted in code and behaves exactly how I want it to in production.”

Starting today, websites published from Figma Make and Figma Sites include more metadata for better search and sharing experiences. The improvements include auto-generated site descriptions for Figma Make and support for OpenGraph and X tags for published Figma Make and Sites so they look better on social.

Ana Boyer designs a web homepage, showcasing recently launched Figma Design and Draw features. ​“Learn how to create a text-inlay parallax hero using Remove background and Isolate object, apply Glass effects, expand an image within a grid, generate illustrations via AI prompts, and add Draw texture effects.”

“Use ChatGPT to generate presentations, social posts, invitations, digital ads, posters, and more. The Figma app is available to ChatGPT users on all plans. Support is coming soon for users in the EU.”

A quick video introduction to creating your first Figma Make file.

Designer Advocate Brett walks through a step-by-step guide on how you can use Make connectors to build better prototypes through Product Requirements Document prompts.

CMS makes it easy to create dynamic content for blogs, portfolios, events pages, and more. Design Advocate Kaitie Chambers covers key concepts and features, such as connecting data to your webpage, connecting fields to design layers, and using pre-connected CMS blocks.