Export Prototype with Framer Inventory plugin for Sketch

Learn how to generate prototypes from Sketch to test ideas and preview custom transitions with Framer

Timur Nurutdinov
Framer Inventory

--

Iterations with Framer

We create, show, get feedback and repeat again and again to make products better. How about doing this in Framer even without a single line of code written? It’s possible with Export Prototype feature of Framer Inventory.

How to export a prototype

Make layers exportable in Sketch and get a prototype with marked layers & their animations between selected artboards. By default, exported prototype is similar to a Keynote presentation with a Magic Move transition between slides but created in Sketch.

Like Keynote with a Magic Move transition between slides but done in Sketch and animated in Framer.

Custom logic & Reimport

Your prototype is ready! It will serve your goals better if you add some custom logic that will be saved on reimport. So you can update the prototype from Sketch with no harm to what you’ve written previously.

Change animation options, add delay for custom slides, override default handler — use the power of Framer to create great prototypes because Framer Inventory makes it fast and simple.

Integration with Import States

You can even include layers and states imported with Import States feature of Framer Inventory. It helps for child-to-parent relationship and masking. Learn more about Import States features and concepts.

Change the way you use Framer

Manage layers with all the details in Sketch and provide interaction & motion with Framer with the help of Framer Inventory.

Follow Framer Inventory for updates & tutorials or get unlimited PRO version to change the way you use Framer.

--

--

Timur Nurutdinov
Framer Inventory

Saving the world. Shaping the world. Creating the world.