- # 1. Figma Draw: Design as freely as painting
- # # # # # # where the scene is:
- # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #
Figma released a series of new heavy-pound features at the Conference in 2025, designed in five areas: ** handwriting, responsive layout, brand asset management, website posting, AI prototype generation**, and significantly increased the efficiency of creative expression and collaborative fluidity.
# 1. Figma Draw: Design as freely as painting
-
Supports ** vector drawing in hand-drawn style**, addition of brushes, fillings, rough controls, etc.
-
** Width, volatilization, repeat frequency of the free control line**
-
Allow designers to express their personality like pens in vector tools.
Detailed description of function:
-
Liberal brush control: supports lines of varying size, frequency and volatility.
-
** Style custom**: can adjust the line ‘wiggle’, quality, brush style.
-
** pattern fill (pattern fill)**: maintain pattern consistency and do not need to be copied.
-
Prototype sketching
-
Hand-drawn wind.
-
Custom icons
-
Rapid mind storm sketches.
Highlights:
-
Traditional vector tools are better suited to “strict structures”, and Figma Draw offers the possibility of “free expression”.
-
Designers can use the same tool for the back-to-back switch of Adobe Illustrator + Figma.
2. Griddy Up (grid system): Responsive layout is stronger
-
The real grid properties can be viewed in development mode through CSS Grid.
-
Supports ** all key parameters such as number of custom columns, spacing, margin**.
-
Design and development of a genuine “breakless connection”.
Detailed description of function:
-
** Supports the CSS Grid property preview**: When the designer sets the grid, the developers can view the equivalent code in Dev Mode directly, such as grid-template-columns.
-
** Fully customized grid rules**: number of columns, column width, spacing, margin, fit screen size, etc.
# # # # # # where the scene is:
-
Enterprise/government/education multi-column page design
-
High-maintainable design system development
-
Workstream more closely aligned with front-end development
# # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #
- For the first time, the design tool introduces ** Front-end original grid grid layout** language, without design development of communication to explain directly “ code against sign “ .
3. Figma Buzz: Brand asset tool for teamwork
-
Team members can generate, edit and publish ** tens of thousands of brand materials in bulk.
-
Competence control: Define which elements can be modified to ensure brand unity.
Detailed description of function:
-
Batch generation and modification of assets: thousands of Banners, posters, icon batch modifications.
-
Competence management: Restricted non-designers ‘ access to specific components and guaranteed brand consistency.
-
** Issued to the whole team**: one key will be posted to the entire team or organization.
-
Rapid production of social media templates, advertising banners
-
Multimarket, multilingual branding and content production
-
Brand official network UI standard output and sharing
Highlights:
-
Business or cross-national brands can harmonize visual norms to address the ease of `run-off’ when many people maintain their designs.
-
Market/operators do not need “designers to change the map” but simply change the content field.
4. Figma Setes: Design + Release Integrated Station Platform
-
A responsive website can be designed and published directly in Figma**.
-
Provides a rich template to support drag-and-pull puzzles and access without code.
Detailed description of function:
-
Responsive design support: Multi-end layout through automatic adaptation mechanisms.
-
Incorporated templates and components: A combination of page content (e.g., Hero, CTA, Footer modules) can be dragged quickly.
-
** Web site online without code writing**: one-key deployment without development.
-
Collections/personal homepages
-
Project Landing Page
-
Start-up product MVP launch
Highlights:
-
Real upgrading of Figma from Design Tool to Release Tool.
-
Of great value to individuals or small teams without a technical team.
5. Figma Make (AI prototype generator**): from hint to application of prototype
It allows users to directly transform ideas or existing designs into ** functional prototypes, web applications or interactive UI** through a natural language dialogue (Prompt).
-
Enter a sentence, such as “Create a coffee order applet”, and Figma automatically generates the design sketch.
-
Supports a variety of Prompts, such as the addition of animations, the generation of musical players UI, 3D card interactions, etc.
-
** Results can be modified and fine-tuned directly** to ensure flexibility.
Detailed description of function:
- Prompt Create UI: Enter, for example, “ Create a task management application “ , which automatically generates an interface.
** Interactive capacity support**:
- Enter “ Let the chart show the data when it is suspended “ . Make automatically adds an interactive logic.
3D, animated, responsive layout all supported.
- Rapid prototype production
U.I. Creative Validation
- Product Manager Output Page Framework
Highlights:
-
Combining AI+UI tools to allow non-designers to participate in early creation.
-
All AI-generated content can be further edited, adjusted and highly flexible.