Import SVG and code
Paste SVG from Figma, import .svg files, Motion components (.tsx) and EaseKit JSON.
Besides images, video and Lottie, EaseKit imports vector art, Motion (Framer Motion) components and its own JSON. The toolbar's Import menu has them all: SVG…, Video…, From Figma…, Motion Component (.tsx)… and Animation (JSON)….
SVG
SVG comes in as animatable vector layers: native rectangles and ellipses where possible, vector paths otherwise, and named <g> groups as group layers, with full path syntax.
- In Figma, select layers and choose Copy as SVG, then paste in EaseKit with ⌘V.
- Drag an
.svgfile onto the stage or chat. - Choose File → Import SVG… (⇧⌘I).
Motion components (.tsx)
EaseKit reads Motion (Framer Motion) components. Choose File → Import Motion Component (.tsx)… (⌥⌘I), or paste the code into the chat: EaseKit shows Motion component detected with Convert to timeline.
Files exported from EaseKit carry the animation as a comment and re-import without loss (“Exported from EaseKit — restores without loss”). For components written elsewhere, the AI translates elements, timing and springs into an editable timeline.
EaseKit JSON
File → Import Animation… (⌘O) opens an EaseKit JSON animation (also Settings → General → Data → Animation (JSON) → Import…), and you can drop one on the chat.
| File | Menu item | Shortcut |
|---|---|---|
| EaseKit JSON | File → Import Animation… | ⌘O |
| Figma frame | File → Import from Figma… | ⇧⌘F |
| SVG | File → Import SVG… | ⇧⌘I |
| Lottie | File → Import Lottie… | ⇧⌘L |
| Motion component | File → Import Motion Component (.tsx)… | ⌥⌘I |
| Video | File → Import Video… | |
| Screen recording | File → Record Screen… | |
| Project | File → Open Project… | ⇧⌘O |
Troubleshooting
| If this happens | Try this |
|---|---|
| Pasted SVG came in as an image | The clipboard held a picture, not SVG markup. In Figma, use Copy as SVG. |
| The chat composer shows the dropped file | The composer accepts images, video, SVG, Lottie and EaseKit JSON (“Drop an image, video, SVG, Lottie or EaseKit JSON”). Drop on the stage to place it instead. |