Framer

Design-tool prototypes always fall a bit short on real data and complex interactions. Framer brings in code: a high-fidelity prototyping tool where you write components in code, lay out by dragging while coding reusable components and wiring real data, with frame-precise motion, producing prototypes nearly identical to the finished product. A macOS app.

Features

High fidelity: Prototypes close to the real thing.

Code components: Write reusable components in code.

Real data: Drive prototypes with real data.

Powerful motion: Frame-precise animation control.