Figma Design and Draw: 2025 features in action

By Figma

Categories: Design, Product

Summary

Figma's new AI-powered image editing tools let designers expand images to fill spaces, isolate objects, and apply cool effects like parallax - all without leaving the design tool. These features empower designers to create more dynamic, visually compelling web experiences.

Key Takeaways

1. Figma's new 'Isolate' tool lets designers precisely trace objects in an image and separate them from the background, enabling creative overlays and parallax effects.
2. Figma's 'Expand' feature uses AI to automatically fill empty space in images, saving designers time and enabling more flexible, responsive layouts.
3. Figma's 'Glass Effect' tool allows designers to apply customizable frosted glass overlays to page elements, improving contrast and creating a modern, polished aesthetic.

Topics

• Figma Design Tools
• AI Image Editing
• Responsive Web Design
• Visual Effects
• Prototyping

Transcript Excerpt

Hi, I'm Anna, designer advocate at Figma. And today I'm going to show you guys some of our Figma design and Figma draw features that launched this year, as well as spotlight some of our AI image editing features. I'm working on a design for Earthling, a travel company's homepage. [music] And starting things out, I'd like to make some improvements to our hero image. It's okay right now, but I think it'd be pretty cool if maybe we inlaid the text into the scenery. So, to start things out, you can ...