Framer Announces Four New Features to Enhance Your Design Process

Framer just hosted another exciting Spring event showcasing their latest features, and the design community has plenty to be thrilled about! The team unveiled four game-changing features that significantly expand Framer's capabilities, making it an even more comprehensive design platform.

Let's dive into what's new.

1. Vectors

Framer now offers improved vector editing capabilities right on the canvas.

This means you can:

• Draw and edit paths directly without leaving Framer

• Create and manage "vector sets" to organise your icons and illustrations

• Search through your vector graphics visually

• Apply variables like stroke colour or opacity to customise icons

• Create multi-coloured icons from a single vector set

The update also includes a new stroke animation effect, giving you control over path length, gap, and offset with three looping options. This makes it easier to animate logos, icons, and create micro-interactions without coding.

Check out our full summary about Framer Vectors.

Try Vectors here →

2. Advanced Analytics

The analytics tools in Framer have been significantly upgraded with:

• Tracking IDs for buttons and linked elements

• Conversion funnels to monitor how users move through your site

• Built-in A/B testing to compare different page versions

Setting up A/B tests is straightforward - Framer creates a duplicate page variant, you make your changes, and traffic is automatically split between versions. The system determines a winner based on the data collected, helping you make design decisions backed by real user behaviour.

These analytics features are available to try on all business plans and fully accessible on enterprise plans. Read more info about Framer pricing plans.

3. Workshop

Workshop helps you build custom components through simple text descriptions, removing the need to write code.

With Workshop, you can:

• Launch a chat interface directly from the component panel

• Describe the component you want to create

• See it generated in seconds with customisable properties

• Make adjustments through conversation

• Create interactive effects like 3D tilts and hover states

Components created in Workshop work like any other component in Framer - they appear in your assets panel and can be reused across projects.

Try the Workshop plugin here →

4. Wireframer

Wireframer is an AI tool focused on creating structural layouts rather than styled designs.

It offers:

• Quick generation of clean, responsive layouts

• Suggestions for layout variations

• The ability to request specific changes

• Support for multi-page sites

• A foundation for landing pages, portfolios, blogs and more

Unlike other AI design tools, Wireframer concentrates on structure, giving you a solid starting point that you can then customise to match your visual style.

Try Wireframer here →

What These Updates Mean for Designers

These four new features make Framer a more complete platform for design work. Vector editing, analytics, AI component creation and layout generation address common challenges in the design process as well as popular requests from the Framer community.

For designers already using Framer, these tools should help streamline workflows and expand what's possible within the platform. For those considering Framer, these additions make it an even more attractive option for design work.

Are you new to Framer? Check out our ultimate roadmap to learn Framer in 2025.