Figma Agent: Better Editable Vector Illustrations and Icons
FigmaFigma improved how the Figma agent generates vector illustrations and icons, so the output is easier to edit, match to an existing style, or animate. Generated vectors use independent, logically grouped layers, and line work uses strokes instead of fills, so stroke weight and end caps can be changed without redrawing. Illustrations can be attached as a style reference so the agent generates more components or on-brand icons.
Key Takeaways
- Grouped, independent layers make agent-generated vectors easier to iterate on than a single flattened shape.
- Line work now uses strokes instead of fills, so stroke weight and end caps can be changed without redrawing.
- Attaching existing illustrations as a style reference lets the agent produce additional on-brand components and icons.
- Figma says the clean layer structure leaves the output ready to animate with Figma Motion.
- The update targets the Figma agent inside Figma Design, extending its use from layouts to illustration and icon work.
- The release note gives no plan restrictions or rollout timing, so availability is not specified.
What Changed
Figma updated the Figma agent so the vector illustrations and icons it generates are easier to work with after generation. According to the release note, the agent can now produce vectors that are simpler to edit, to match to an existing style, or to animate.
Cleaner Layer Structure
Generated vectors now come as independent layers that are grouped logically. This structure makes it easier to iterate on an illustration or icon, since individual parts can be selected and adjusted without untangling a single merged shape. Figma's help center article describes the output as having a well-organized layer structure.
Stroke-Based Line Work
Line work in generated vectors is built with strokes rather than fills. As a result, designers can change stroke weight and end caps directly, without redrawing the artwork. Figma's help center article describes the generated vectors as made up of editable strokes and fills.
Matching an Existing Style
Designers can attach their own illustrations as a style reference. The agent can then use that reference to generate additional components or icons that follow the same look, which helps keep new assets on-brand.
Ready for Animation
Figma states that the clean layer structure makes the vectors ready to animate with Figma Motion.
Availability
The entry is tagged Figma Design, AI and Design, and links to a help center article on generating and editing vectors with the Figma agent. The release note does not state plan restrictions or a rollout schedule.