Features

The New Way to Prototype and Build

See the tool in action
↓

Create and Ship Animations without Code

Designers can create and ship dynamic animations without an developer recreating it by hand. A visual tool for designers, a native toolkit for developers.

Designers

Familiar for designers, while making them more powerful than ever before.

Explore Features

Developers

Saves developer time, while giving them full access to customize native elements.

See Developers Page >

01

Import from Sketch, Figma, and Photoshop

Import design files or drag in SVGs. Lightwell is the hub for your team’s production‑ready designs.

Watch Tutorial >

02

Bring Static Layers to Life

Add properties to each layer like ambient motion, rotation, layout constraints, and scroll views.

Watch Tutorial >

03

Animate with Timelines

Get every animation just right. Keyframe animations, screen transitions, and audio in Lightwell map to native elements.

Watch Tutorial >

04

Prototype Interactions

Customize screen interactions, touch triggers, device motion, and custom logic with a visual interface.

05

Preview Working Prototypes

Test full projects in real–time with mobile previewing on all iOS devices.

Watch Tutorial >

🎉

Implement Functional Prototypes in Xcode

Export to an asset package for developer integration or a prepackaged Xcode project. See developer documentation.

Export Final Assets with One Click

Automatic asset slicing for different screen densities and devices. Lightwell generates assets at 1x, 2x, 3x for iPhones and iPads.

Save Time with Production‑Ready Designs

Your final screen layout is exactly how it will look in final production. Eliminate extraneous work in rebuilding designer prototypes.

Triggers & Logic

  • TapTap
  • SwipeSwipe
  • PressPress
  • DragDrag
  • TiltTilt
  • ShakeShake
  • Animation TriggerAnimation Trigger
  • Audio TriggerAudio Trigger
  • Scene TriggerScene Trigger
  • TimingTiming
  • VariablesVariables
  • If / ElseIf Else
  • Layer PropertiesLayer Properties
  • Animation PropertiesAnimation Properties
  • Custom ValuesCustom Values
  • OperationsOperations (add, subtract, multiply, divide)
  • CollectionsCollections
  • For EachFor Each

Effects & Elements

  • ShapesShapes
  • SVGSVG
  • TextText
  • ImagesImages
  • ParallaxParallax
  • Device RotationDevice Rotation
  • Move SelectMove / Select
  • OpacityOpacity
  • ScaleScale
  • RotationRotation
  • Lip SyncingLip Syncing
  • If ElseLoops
  • DurationDuration
  • Easing / TimingEasing / Timing
  • GroupingGrouping
  • Show / HideShow / Hide
  • DialogueDialogue
  • MusicMusic

Ready to Start an App?