Editor UI Overview
Last updated
Last updated
After signing up, on your first login, you'll land on the Welcome view of the dashboard. This gives you a brief overview of how to animate with Lottielab using the animate mode and auto-animate.
Lottielab logo: This leads you back to the landing page
Navigation panel: This gives you access to
Drafts: Files in your drafts are for you only and cannot be shared with anyone else. To share a file in your drafts, simply move the file to a team folder.
Learn: This opens up the learn panel, which has resources to help you get started animating with Lottielab from Tutorials and examples, to joining our community discussion.
Examples: This directs you to various example animations that have been created using Lottielab
User settings: Here, you can access and update your personal details or log out of your account.
Teams: The team section allows enables you to create a team or navigate through your existing teams and folders in them.
Header: This keeps you updated on where you are at any point, whether in your drafts, a team or specific folder.
Primary action buttons: These allow you to create a ‘New Lottie File’ or ‘Import’ an existing Lottie or SVG file to animate.
Invite members to a team
Team settings: This opens up modal where you can view and/or update details of a team such as the team name and members.
Animation Files: These are your Lottie animations files. They are currently sorted by default based on their creation date, with the most recent one at the top most left. You can also access menu options for your files directly from the dashboard by right-clicking on your mouse/ trackpad or hovering and selecting the kebab menu (…) at the top right of each animation card.
