IDE compatibility and troubleshooting

Resolve installation, sign-in, preview, System, insertion, download, and CDN issues in supported IDEs.

The extension supports Visual Studio Code, Cursor, and Windsurf with a minimum VS Code API of 1.85.0.

IDE differences

BehaviorVisual Studio CodeCursor and Windsurf
Extension installationVS Code Marketplace or .vsixIDE marketplace availability or .vsix
Getting StartedOpens the native walkthroughFalls back to the LottieFiles sidebar
Sidebar, preview, commandsSupportedSupported through VS Code-compatible APIs

Test project-specific workflows in the actual IDE used by the team, especially file drops, authentication return, custom editors, and generated-file actions.

Installation and first run

  • No Activity Bar icon - reload the IDE window and confirm the extension is enabled.

  • Getting Started does not open - use LottieFiles: Open Sidebar from the Command Palette.

  • A JSON file opens in the wrong editor - use Preview Animation explicitly or change lottiefiles.directPreviewJson.

Sign-in and Workspace

  • Browser sign-in completes but the sidebar stays signed out - return to the original IDE window and reopen the account action.

  • Workspace is empty - confirm the selected account, workspace, and project permission.

  • The expected file update is missing - reopen or refresh the Workspace location.

  • Upload is rejected - check file type, size, JSON validity, and plan limits.

System tab

  • System is not visible - the Motion System rollout may not be enabled in the installed extension version or for the current account.

  • No systems are listed - select the intended workspace in Workspace and confirm that it owns a Motion System.

  • A section is missing - the system may not contain supported primitives in that published revision.

  • Insert does nothing - open a text editor and place the cursor before clicking Insert.

Preview and developer tools

  • Lottie JSON does not preview - fix syntax errors and confirm it is animation data rather than general JSON.

  • A .lottie feature disappears in JSON - keep the .lottie output for multi-animation, themes, tokens, or state machines.

  • Live preview stops updating - restore valid JSON, then save or reload the preview.

  • Generated types are incomplete - current output covers state-machine IDs and marker names only.

Downloads and CDN

  • Optimized output is locked or missing - optimized variants depend on plan, availability, and whether optimization improves the file.

  • Animated SVG does not include recolor changes - export uses the original animation source.

  • CDN actions are missing - the workspace can disable CDN links.

  • Utilities Snippets shows a placeholder - enable CDN on a Workspace file or replace the source with a project path.

Logs and diagnostics

Use the extension's Show Logs action after an error. Include the extension version, IDE and version, file format, and exact action when reporting a problem. Do not attach private animation files or access tokens to a public issue.

Last updated: July 22, 2026 at 2:24 AMEdit this page