Spec Mode

Design, collaborate, and implement perfectly.

Transform static Sketch designs into interactive documentation

Easily bring your Sketch files into UXPin. Add interactions and animations to any layer. Get automatic specs and CSS. Add any extra documentation you need.

Code editor
Uxpin editorDesign
Uxpin editor alt sidebar
Uxpin preview
Export loader
Import progress

A single source of truth

After import, add metadata to any element — use cases, code snippets, etc. — to prevent any misunderstanding.

Eliminate redundancy as well. Metadata stays with elements when you reuse them in UXPin.

Say goodbye to redlining

Forget redlining and tedious documentation.

Speed up development with automated CSS snippets. Download any asset you need with ease. Save time with auto-generated specs per screen — grids, colors, fonts and dimensions.