Design Features

Design Features

Design Features

Design to Motion

Design to Motion

Design to Motion

Design to Motion

in a snap.

in a snap.

in a snap.

in a snap.

Import assets from your favourite design tools or start from scratch in LottieLab.

Import assets from your favourite design tools or start from scratch in LottieLab.

Import assets from your favourite design tools or start from scratch in LottieLab.

Import

Import

Import

  • Vector files: Seamlessly get your Figma designs into Lottielab using our Figma plugin or simply drag and drop your SVG exports or Lottie files straight into Lottielab to get started.

  • Raster files: Easily import and animate your PNG and JPG files by dragging and dropping them into the editor or using the asset import tool.

Create from scratch

Create from scratch

Create from scratch

  • A modern pen tool: An intuitive pen tool that gives you the creative freedom to create your own custom vector paths and shapes

  • Shapes: Get started with a variety of shapes or convert them to paths to create custom shapes with an even greater degree of precision

Layer Properties

Layer Properties

Layer Properties

  • Transform: Easily adjust the position, scale and size, rotation, skew and anchor point properties of your layer

  • Style: Edit your layer styles with solid colours, linear and radial gradients, opacity and stroke properties

  • And with more tools like masks and properties like 'reveal path', your designs have no bounds!

Canvas and Navigation

Canvas and Navigation

Canvas and Navigation

  • Find and select layers: Easily find, group, hide, name and organise the hierarchy of your layers both from the left layer panel and the timeline.

  • Canvas controls: Intuitive controls and feedback directly within your canvas to edit your layer properties and organise them visually, including moving them, resizing, rotating, adjusting corner radius and reshaping your layers to snapping and aligning them at precise distance against each other.

Easing

Linear

Natural

Accelerate

Easing

Linear

Natural

Accelerate

Easing

Linear

Natural

Accelerate

Easing

Linear

Natural

Accelerate

Animate

with ease and speed

Understand at a glance and seamlessly control every detail, more creativity less technicality.

Understand at a glance and seamlessly control every detail, more creativity less technicality.

Learn more

Bring your products to life

Bring your products to life

Bring your products to life

Bring your products to life