<aside>
⚠️
This documentation is currently deprecated. Check latest page below;
https://lottiefiles.com/plugins/figma/export-guide#supported-features
</aside>
| Feature |
Support |
Details |
| Shapes |
|
|
| - Rectangle |
✅ |
|
| - Line |
✅ |
|
| - Arrow |
✅⚠️ |
Supported on single frame (presets) only. |
| Not supported on prototypes. |
|
|
| - Ellipse |
✅ |
|
| - Polygon |
✅ |
|
| - Star |
✅ |
|
| - Image |
✅⚠️ |
Supported as an image fill, but not image in a Frame fill or Auto Layout fill (details) |
-
Supported as image fill for shapes: Create frame -> Add shape layer -> Fill shape layer with image
-
Not supported in single frame animations: Create multiple frames with the image layer to animate the image
Tips:
- Create frame -> Add shape layer -> Fill shape layer with image -> Connect to another frame
- Create frame -> Add image layer -> Connect to another frame
More info: |
| | | |
| Pen | ✅ | |
| Pencil | ✅ | |
| | | |
| Text | ✅ | Tips:
- Use a new text layer if text value changes
- Do not use multiple fill colors in a single text layer |
| | | |
| Auto Layout | ✅ | 🆕 |
| Frames (and nested frames) | ✅ | 🆕 |
| Components | ✅ | 🆕 |
| Mask | ✅ | 🆕 |
| | | |
| Boolean groups | | |
| - Union | ✅ | |
| - Subtract | ✅ | |
| - Intersect | ✅ | |
| - Exclude | ✅ | |
| | | |
| Rotation | ✅ | Tip: For 360 rotations use
179.9 to -179.9 |
| | | |
| Layer blend modes | ⛔️ | Not yet supported |
| | | |
| Fills | | |
| - Solid color | ✅ | |
| - Linear gradient | ✅ | |
| - Radial gradient | ✅⚠️ | 🆕 Supported on prototypes, multi frames
Not supported on single frame (presets). |
| - Angular gradient | ⛔️ | |
| - Diamond gradient | ⛔️ | |
| - Image | ⛔️ | Known limitations:
- "Fill" is the only fill mode supported
- "Fit", "Crop", "Tile" fill modes not supported and will yield unexpected results
- Image adjustments not supported
- Image rotations not supported
- Blend modes not supported
|
| - Video | ⛔️ | |
| | | |
| Strokes | | |
| - Solid color | ✅ | |
| - Linear gradient | ✅ | 🆕 (Make sure to use linear gradient fill on the layer across all frames.) |
| - Radial gradient | ✅ | 🆕 (Make sure to use radial gradient fill on the layer across all frames.) |
| - Angular gradient | ✅⚠️ | Not accurate |
| - Diamond gradient | ✅⚠️ | Not accurate |
| - Image | ⛔️ | |
| - Video | ⛔️ | |
| Stroke width | ✅ | |
| Stroke position | ✅ | |
| Stroke per side | ⛔️ | |
| Advanced strokes | ⛔️ | |
| Text stroke | ⛔️ | |
| | | |
| Effects | | |
| Drop shadow | ✅⚠️ | Supported on prototypes, multi frames
Not supported on single frame (presets).
|
| Inner shadow | ⛔️ | |
| Layer blur | ⚠️ | Supported on prototypes, multi frames (except spread)
Not supported on single frame (presets). |
| Background blur | ⛔️ | |
| | | |
| Prototype animation | | |
| After Delay duration | ✅ | |
| Effect duration | ✅ | |
| | | |
| Smart animate | | |
| Linear | ✅ | |
| Ease in | ✅ | |
| Ease out | ✅ | |
| Ease in and out | ✅ | |
| Ease in back | ✅ | |
| Ease out back | ✅ | |
| Ease in and out back | ✅ | |
| Custom bezier | ✅ | |
| Gentle | ✅ | 🆕 |
| Quick | ✅ | 🆕 |
| Bouncy | ✅ | 🆕 |
| Slow | ✅ | 🆕 |
| Custom spring | ✅⚠️ | 🆕 |
| | | |
| Instant | ✅ | |
| Dissolve | ⛔️ | |
| Move in | ⛔️ | |
| Move out | ⛔️ | |
| Push | ⛔️ | |
| Slide in | ⛔️ | |
| Slide out | ⛔️ | |
| | | |
Note: We frequently push updates to provide more support. This table will be updated as we roll out new updates.
Notes
- Image support
Last updated : April 4, 2024