Audience
Designers searching for a powerful Prototyping solution
About Prototyper for Figma
Create powerful prototypes with JavaScript that make your design animated and interactive. Prototyper is easy to get started and becomes more powerful as you go. Prototyper takes your currently selected frame on the Figma canvas and converts each individual layer into an image that renders as a preview on the right-hand side of the plugin. Each layer is turned into a variable that you can reference in the code editor on the left-hand side of the plugin to add animations and interactions. They have a hierarchy and properties defining their position, appearance and interactivity. Animate states or layer properties like scale and color with various easing or spring curves, time and delay options. Events are used to detect and respond to user interactions, animations that start or end, values that change and more.
More Popular Alternatives & Related Software
Appy Pie
Appy Pie is an intuitive mobile app development solution that enables users to create an apple in three easy steps, without coding. This do it yourself (DIY) application builder allows users to develop stunning iPhones and Android apps using easy to integrate plugins and powerful features such as hyper local integration, push notifications, CRM integration, real estate IDX, virtual and augmented reality, app analytics, and more.
Learn more
Flinto
Flinto is a Mac app used by top designers around the world to create interactive and animated prototypes of their app designs. Design transitions between screens using Flinto’s transition designer. Design micro-interactions using Flinto’s behavior designer. Import your designs straight from sketch or figma. Add scrollable areas with a single click and create impressive scroll-based animations in the behavior designer. Design your own animated transitions in Flinto’s breakthrough transition designer. No timelines, no programming, just put stuff where you want it to go. Thanks to our clever design, your designs won’t balloon in complexity as they grow. Adding your 100th screen is as easy as adding your first. Powerful drawing tools allow you to create your own simple mockups in Flinto or edit shapes and text imported from Sketch. You can even animate vector curves.
Learn more
InVision
The digital product design platform powering the world’s best user experiences. Create rich interactive prototypes. Seamlessly communicate, gather feedback, and move projects forward. Explore your team’s best ideas on a digital whiteboard. Beautifully collect and present designs, inspiration, and more. Magically better handoffs from design to development. InVision Studio is the world’s most powerful screen design tool. Quickly turn ideas into powerful screen designs with intuitive vector-based drawing and flexible layers. Effortlessly animate transitions and add micro-interactions to transform your static screens into working prototypes. Seamlessly navigate the entire design process in one place, keeping everyone fully engaged and notified of changes. All brand and UX components—including usage documentation—are managed in a single place. Access libraries directly from InVision Studio or Sketch, and push or pull changes with only a click.
Learn more
Origami Studio
A new way to visually layout your Origami prototypes with freeform drawing tools, text editing, and visual components. Wire up flows between screens with built-in present and dismiss animations. Visually layout your components in the Canvas and combine them with powerful interactions in the patch editor. Tap into native hardware APIs. Expand the potential of your prototypes with patches that unlock hardware capabilities. Copy and paste editable vector shape and text layers into Origami. Capture, trim, and export video of your prototype directly in Origami. Easily share prototypes in critique, reviews, or just for fun. Origami performance gets an upgrade. Faster patch editor, faster viewer, faster everything. Preview your prototype on both simulated and physical devices. Importing from design tools like Sketch is as simple as copying and pasting. Make sure you have the Origami Pasteboard installed from the Figma plugin community.
Learn more
Pricing
Starting Price:
Free
Free Version:
Free Version available.
Integrations
Company Information
Prototyper
prototyper.design/
Videos and Screen Captures
You Might Also Like
Our Free Plans just got better! | Auth0 by Okta
You asked, we delivered! Auth0 is excited to expand our Free and Paid plans to include more options so you can focus on building, deploying, and scaling applications without having to worry about your secuirty. Auth0 now, thank yourself later.
Product Details
Platforms Supported
SaaS
Training
Documentation
Support
Online