Have Fun! Build interactive, flexible prototype!

And more fun: you can build cloud-based multi-device prototype, AI experience, and use tons external API.

FRAMER

It's a prototyping tool for cross-platform design. It is also famous for its two modes: DESIGN and CODE, which enables very fast start, but deep potential to integrate something complicated.

Design Mode: Graphic Interface with Hierachy

Graphic Interface: Unlike the old version of FramerJs, now you can create canvas, shape, layer with its native graphic interface.

Hierarchy: It is very important to understand to hierarchy, as all the data is relevant to its parent.

Therefore, before diving into the code, it is very important to create Targets and arrange the Target and their Hierarchy properly in the DESIGN mode.

Code Mode: Object Oriented Prototyping Tool

Object-Oriented (Target): The code is specific to "object", which may contain data (properties). And we can use code to change the data, give it conditions for changing, or give it a listeners to listen to the data changes.

Hierarchy: It is very important to understand to hierarchy, as all the data is relevant to its parent.

Components: Pre-made interactions to power your prototypes.

Event: Tap, click, pinch, pan or swipe—from web to multi-touch.