Skip to main content
Get started for free

Prototyping features
Create realistic experiences

Figma’s online prototyping tools make it easy to build high-fidelity, no-code interactive prototypes right alongside your designs.

Get started
Four shapes in Figma bounding boxes connected as a prototypeFour shapes in Figma bounding boxes connected as a prototype

Trusted by teams at

Puma logoKimberly-Clark logostripe logoThe New York Times logonetflix logospotify logo

Bring designs to life—before development

The best experiences are built on testing and iteration. See and feel your designs in action to get a sense for what is working and what needs improvement.

Connect everything with ease

Define a range of interactions including on click, while hovering, during scroll, and more.

Streamline your prototyping

Automatically switch between variants with interactive components, so you can create more animations in fewer steps.

A button is selected and a window of advanced prototyping features is open to the rightA button is selected and a window of advanced prototyping features is open to the right

Make it feel real

Create even richer experiences with fewer frames using advanced prototyping features like conditional logic, mathematical expressions, and variables.

Learn more

Show off your vision

Choose from a variety of ways to approach interactions within your prototypes so that there’s no guesswork for developers about how an experience will look and feel.

Create beautiful transitions

Smart animate lets you automagically animate similar objects to create detailed transitions—from parallax scrolling to touch gestures.

Layer your interactions

Create multiple layers of interactive content with dynamic overlays.

Include media with GIFs and video

Add animated GIFs and video to your prototypes to replicate the experience your users will have when engaging with rich media on your website or app.

Finesse designs and prototypes in one space

Easily iterate on the end-to-end user experience without leaving the canvas.

Customize any interaction from a single platform

Edit everything in context, then immediately play and preview your prototypes on canvas for fast feedback loops and rapid iterations.

Explore more features

Three layered shapes filled with patterns are layered over one another in bounding boxesThree layered shapes filled with patterns are layered over one another in bounding boxes

Design

Design, riff, and get feedback in real time to build and ship the best products.

Explore design features

Toggles, shapes, letters, and bounding boxes layered over a grid as part of a design systemToggles, shapes, letters, and bounding boxes layered over a grid as part of a design system

Design systems

Scale your design and development with shared assets and libraries that the whole team can use.

Explore design systems

Two overlapping bounding boxes contain the Maze and Flinto logosTwo overlapping bounding boxes contain the Maze and Flinto logos

Integrations

Connect to tools like Maze and Flinto for additional prototyping and user testing capabilities.

See all integrations