# Advanced Graph Editor
The Advanced Graph Editor is a native feature within Lottie Creator that gives motion designers frame-level control over animation curves, easing, and property timing — without ever leaving the browser. It mirrors the keyframe curve editing experience of After Effects, but lives natively in a web-first, Lottie-native workflow.

<Callout type="info" icon={false}>
  The Advanced Graph Editor extends the [Easing](/en/creator/07_animation/easing) controls with a full curve-editing
  surface for advanced timing work.
</Callout>

## What the Advanced Graph Editor Does

<List type="bullet">
  <ListItem>**Frame-level control** — adjust animation curves precisely across the timeline</ListItem>
  <ListItem>**Curve editing** — shape acceleration and deceleration visually with bezier handles</ListItem>
  <ListItem>**Easing refinement** — fine-tune in and out tangents per keyframe</ListItem>
  <ListItem>**Property timing** — control how values change over time for any animated property</ListItem>
</List>

<Image src="https://assets.docs.lottiefiles.com/static/aedc099c60-640.webp" alt="Advanced Graph Editor showing animation curves for a layer's position, scale, and rotation" caption="Advanced Graph Editor" zoom variant="default" srcSet="https://assets.docs.lottiefiles.com/static/aedc099c60-640.webp 640w, https://assets.docs.lottiefiles.com/static/aedc099c60-1024.webp 1024w, https://assets.docs.lottiefiles.com/static/aedc099c60-1920.webp 1920w" width="3000" height="1689" loading="lazy" data-blur="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAIAAAD38zoCAAAACXBIWXMAACE4AAAhOAFFljFgAAAAgElEQVR4nGOw8wy2dvOzcvWzdvW3BpEg5BmayKBt4SAhI8/Nw8MnIMjDx8/LL8DHL+DsG85gbO0uLa/Cy8svJCImJCwmICjCLyDs7BvBIKelLyYpy8sjICQsLiIqyScowsUr4OQbzmDpFWTrHmDrEWjt5m/jHmDtGWjjHuAZmggARLQV1ezE4BUAAAAASUVORK5CYII=" />

## Why It Matters

<List type="bullet">
  <ListItem>Familiar keyframe curve editing for designers coming from After Effects</ListItem>
  <ListItem>Native, web-first workflow — no plugins or external apps required</ListItem>
  <ListItem>Lottie-native output, so curves translate directly to your exported animation</ListItem>
</List>