Prototyper for Figma

Powerful prototyping with code

Bring your design to life with code in Figma.

Try for free

Untitled

Square.onTap((event,layer) => {

layer.animate({

scale:,

rotation: ,

borderRadius:

})

Made by Works with

Design and Code

Create powerful prototypes with JavaScript that make your design animated and interactive.

Draggable
Reactions
Keypad

Simple to Complex

Prototyper is easy to get started and becomes more powerful as you go.

Simple
Complex

// Drag the brightness slider

Slider.draggable = true 
Slider.draggable.horizontal = false
Slider.draggable.constraints = {
  height: 500
}

Slider.onDragMove((event) => {
  const y = event.y - Container.y
  const brightness = y / Slider.height
  Background.opacity = brightness 
})

Pricing

Personal

Monthly Yearly

$12 $9_{per month}

Save 25% for a limited time

$99_{per year}

Save $9/yr with yearly billing

1 license, unlimited use.

Unlimited prototypes
Over 100 API methods
All future updates

Buy now Try for free

Teams

Custom

Unlimited team use.

Everything in Personal
Bulk team licences

Get a quote Contact us

Prototyper is used by designers on these teams:

What Designers Are Saying

Brian Lovin
Product Designer
It feels really nice getting the higher fidelity control while still sitting right next to my layers on the canvas.
nuelCee
Product Designer
Tried out Prototyper today on Figma and it's crazy. Imagine what you could achieve coding right in Figma.
Junhyuk Jang
Interaction Designer
Framer classic vibe in Figma. prototyper.design
Gavin Nelson
Product Designer
classic Framer returns in Prototyper. I am going to have so much fun with this