“Recently, we introduced two new features for improving design & development collaboration. In this video, we’ll explore these new features and show how they can assist you during handoff. First, we added categories to our annotations features which makes it easier to communicate design intent and improves navigation for developers. Second, we added our new eyedropper tool to Dev Mode making it easy to copy color values, styles, and even code syntax.”
Figma created an entire hands-on course on designing a portfolio website from scratch. “We’ll cover the basics like shapes, text, and frames, and tap into more advanced features like auto layout, components, and prototyping. By the end, you’ll be ready to start bringing your own ideas to life.”
“With Figma Buzz, brand designers and marketers have a shared space to build beautiful, on-brand assets at scale.” Non-designers on my team use Canva a lot for event materials and marketing assets, and I can’t wait to set them up with customizable on-brand templates.
Mal highlights a few core features of Buzz — bulk create, make or edit images with AI, and wonderful templates to get started.
Theo with an interesting analysis of Figma Make and why it was introduced now.
Luis shares a bunch of examples made with Figma Make.
“Today we’re introducing Figma Make, a new prompt-to-code capability to help you quickly explore, iterate, and refine — whether it’s generating high-fidelity prototypes or getting into the details in design and code.”
Alex Einarsson teamed up with Figmates Luis Ouriach and Noah Levin to build a plugin for converting your Read.cv profile into a Figma Design file, which can be easily copied and pasted into Figma Sites as a functional resume website.
“Today, we’re launching Figma Sites, an all-in-one tool for you to design and build custom, responsive websites. Here, we share how you can go from design to production in the most efficient — and expressive — ways.”
“Welcome to Figma Draw, a way to design precise-yet-playful illustrations, icons, and more. This playground file teaches how to use our new drawing and vector editing tools through interactive examples, and share some inspo created by product and brand designers using the new features.”
I don’t see myself using Draw much, but I’m so happy it’s here for talented artists like Mehak Samaiya.
Joel Miller, Design Manager for the Figma Draw team, shares his five favorite design details of the new mode.
“Figma is for practical business application.” The marketing team has been killing it with recent promo videos!
“Figma Draw pairs faster, simpler vector editing with powerful tools for visual expression — so designers of all stripes can bring their vision to life without breaking focus.” One thing I keep wondering about is how much visual design will change in the coming months. Medium and tools define the end result, and Figma just got way more powerful and artistic.
The new curved connectors mode for right-brained people. I’ll stick to my neatly organized “elbowed” connectors.
Displays Dev Mode annotations across all pages in a single list.
The design community never lets a good meme opportunity go to waste. “Figma slapped Swedish AI coding startup Loveable with a cease-and-desist warning for naming one of its new product features “Dev Mode.” It turns out Figma successfully trademarked the term Dev Mode in November last year, according to the US Patent and Trademark office, having introduced its own Dev Mode feature in 2023.”
Jay chats with Natasha Tenggoro who shows how she designed AI features for Figma Slides. You will learn about Natasha’s design process, AI design, designing shadows, design explorations for Slides and more.
Miggi breaks down his favorite features in Figma Slides, including automatically changing text color for accessibility, choosing slide templates from other decks, grid view, slide numbers, live interactions, and more.
Annotations are now available in Design Mode with new color-coded categories. Love that categories are fully editable, so you can adjust them to your team’s workflow.