Prototyper for Figma

Powerful prototyping with code

Bring your design to life with code in Figma.

Install 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 
})

Made by Diagram

Be more creative with smarter design tools.

Automator

There's an automation for that

Learn more

Magician

Every little thing it does is magic

Learn more

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