Recently, the renowned design platform Figma announced the launch of a series of significant updated features, including AI-driven website and Web application creation tools, a batch content generation system for marketers, and a brand-new hand-drawn experience tool. This not only marks Figma's official deep integration of AI technology into the design process, but also indicates that its ambition goes far beyond being a "design collaboration tool".
With the launch of this wave of features, Figma not only compets head-on with traditional creative solutions like Canva and Adobe, but also directly enters the field of Web website building and prototyping, competing with AI website building tools such as WordPress, Wix, Hostinger, and even Replit. Its goal is very clear: to create a truly full-process, integrated product design platform, completing everything from creative conception, interface construction, website release to content promotion in one stop.
This article will quickly help you understand the uses and applicable scenarios of these new features, and provide practical beginner's guides and usage tips to help you stay one step ahead and make the best use of this wave of new tools!
Why is this update worth paying attention to?
In the past, designers might have needed:
Draw with Figma
Build a website with Webflow or WordPress
Present the plan using Notion or Docs.
Use Canva or Photoshop to make promotional images.
Write copy again with ChatGPT...
Now, this can all be done right inside Figma.
Draw, Buzz, Make and Sites are not a patchwork of scattered tools, but the four pillars that Figma is building towards a "design operating system".
Figma Draw: Draw by hand and get high fidelity
Feature highlights:
Hand-drawn wireframe sketches, AI automatically identifies buttons, input boxes, navigation bars and other components
Apple Pencil/Wacom hand-drawn content can be converted into standard UI elements
Support rapid prototype iteration and interactive structure construction
Practical tutorials:
Click "Draw" in Canvas
Use the mouse or stylus to draw the basic structure (such as button boxes and carousel shapes)
After AI recognition, it can be converted into Auto Layout UI components with one click
Click on the conversion result to replace the color/icon/text, etc.
Applicable scenarios:
Creative divergence and brainstorming sessions
Client quick wireframe demo
Beginners can create UI drafts with low threshold
Figma Make: AI generates full-page design solutions
Feature highlights:
Enter a product requirement and automatically generate a complete page or interface flow
AI model combined with Figma Variable system to output usable design results
One-click switch design style (minimalist/e-commerce/SaaS, etc.)
Practical tutorials:
Click "Make" → Enter the prompt word, such as "Design a note-taking app interface for college students"
Select a theme (e.g. Modern/Minimal/Dark)
Get a complete set of editable UI pages
All layouts have been using Auto Layout and can be directly connected to the design system
Applicable scenarios:
New product MVP draft
Quickly propose solutions
An efficiency tool for startup teams without UI resources
Figma Buzz: Design done, communication done
Feature highlights:
Turn your design project into a social promotion package: graphic content + promotional image + page summary
Customizable tone (formal, friendly, humorous, etc.)
Automatically generate X / LinkedIn / Instagram platform adaptation format
Practical tutorials:
Click "Buzz" → Select a Figma project
Automatically identify its functional highlights and target users
Generate promotional copy + picture cover + promotional phrase
Can be exported directly as image/PDF/public link
Applicable scenarios:
UI/UX Project Release
SaaS product update announcements
Save time on social material production for entrepreneurial teams
Figma Sites: From design to website, one step away
Feature highlights:
Publish Figma pages directly as responsive websites
Support custom domain name, basic SEO optimization, button jump, form
The page style is consistent with Figma, no need to refactor
Practical tutorials:
Click "Sites" in the project
Select the page range to publish
Set title, description, button jump logic, etc.
Click "Publish" → The webpage will be online immediately
Applicable scenarios:
Quickly publish event page/resume station/product introduction page
Internal test product interface
Landing Page Quickly Verify Conversion Rate
The complete product design process after integrating the four major functions
Inspiration stage → Draw sketches by hand with DRAW
Design stage → Use Make to quickly generate UI and fine-tune it
Promotion stage → Create promotional images and text using Buzz
Launch stage → Directly publish web pages using Sites
This is the "product design closed loop" that Figma is building: from idea to release, only one tool is needed.
Quick Start Guide
Log in to figma.com
Click "AI Tools" in the left navigation bar → Try Make / Draw / Buzz / Sites in turn
Each tool has a concise startup prompt + a template to try
Recommended combination to try: Draw sketch → Make refinement → Buzz promotion → Sites publishing
Conclusion
Figma is no longer merely a design software; it is an integrated platform for products, content, development, and collaboration. Whether you are an independent creator, a product team, or a startup, this round of updates is worth experiencing in depth.
Which new feature are you most looking forward to: Draw, Make, Buzz, or Sites? If you only use one platform for design, website building, and promotion, would you choose Figma?
