- Anima for Sketch
- Anima for Sketch
- Install Plugin
- Install Plugin
- Create a Project
- Create a Project
- Preview & Sync Project
- Preview & Sync Project
- Upgrade a Team
- Upgrade a Team
- Tutorial Files
- Tutorial Files
- Introduction
- Introduction
- Pins
- Pins
- Stacks (Flexbox)
- Stacks (Flexbox)
- Padding
- Padding
- Screen Presets
- Screen Presets
- Keyboard Shortcuts
- Keyboard Shortcuts
- Symbols
- Symbols
- Examples
- Examples
- Introduction
- Introduction
- Links
- Links
- Breakpoints
- Set Homepage
- Breakpoints
- Set Homepage
- Hover Effects
- Hover Effects
- Entrance Animation
- Entrance Animation
- Fixed Position
- Fixed Position
- Text Input & Forms
- Text Input & Forms
- Videos/GIFs/Lottie
- Videos/GIFs/Lottie
- Embed Code
- Embed Code
- Interaction & Animation
- Interaction & Animation
- Interactions Intro
- Interactions Intro
- Samples
- Samples
- Play
- Breakpoints Viewport
- Comments
- Code
- Share Prototype
- Manage Access Levels
- Publish Website
- Publish Website
- Custom Domains
- Custom Domains
- Analytics
- Analytics
- Project Settings
- Project Settings
Getting Started
Layout
Prototype
Collaborate
Prototype Link
Project Settings
Built with ❤️   in NYC & TLV
Samples
Interactive Components
Spotify-Inspired Prototype
Sample Sketch File: Download
Live Prototype: Open
Developer & Designer
![](https://img.animaapp.com/4DcMOGJ/animated-designer-developer-rectangle-des-bg.png)
![](https://img.animaapp.com/4DcMOGJ/animated-designer-developer-oval-2 1@2x.png)
![](https://img.animaapp.com/4DcMOGJ/animated-designer-developer-no-dependencies-get@2x.png)
![](https://img.animaapp.com/4DcMOGJ/animated-designer-developer-oval-2 1@2x.png)
![](https://img.animaapp.com/4DcMOGJ/animated-designer-developer-states-transitions@2x.png)
![](https://img.animaapp.com/4DcMOGJ/animated-designer-developer-oval-2 1@2x.png)
![](https://img.animaapp.com/4DcMOGJ/animated-designer-developer-codepen-jsfiddle-o@2x.png)
![](https://img.animaapp.com/iwdeEO2/animated-nested-designer2-rectangle-3-copy-5@2x.png)
![](https://img.animaapp.com/4DcMOGJ/animated-designer-developer-girl1@2x.png)
![](https://img.animaapp.com/4DcMOGJ/animated-designer-developer-oval-14@2x.png)
![](https://img.animaapp.com/4DcMOGJ/animated-designer-developer-fill-116@2x.png)
![](https://img.animaapp.com/4DcMOGJ/animated-designer-developer-fill-118@2x.png)
![](https://img.animaapp.com/4DcMOGJ/animated-designer-developer-no-more-guess-work@2x.png)
![](https://img.animaapp.com/4DcMOGJ/animated-designer-developer-rectangle-des-bg.png)
![](https://img.animaapp.com/4DcMOGJ/animated-designer-developer-oval-2 3@2x.png)
![](https://img.animaapp.com/4DcMOGJ/animated-designer-developer-work-in-sketch-end-@2x.png)
![](https://img.animaapp.com/4DcMOGJ/animated-designer-developer-oval-2 3@2x.png)
![](https://img.animaapp.com/4DcMOGJ/animated-designer-developer-create-animated-inte@2x.png)
![](https://img.animaapp.com/4DcMOGJ/animated-designer-developer-oval-2 3@2x.png)
![](https://img.animaapp.com/4DcMOGJ/animated-designer-developer-export-code-html-@2x.png)
![](https://img.animaapp.com/4DcMOGJ/animated-designer-developer-the-non-hand-waving@2x.png)
![](https://img.animaapp.com/iwdeEO2/animated-nested-designer2-rectangle-3-copy-5@2x.png)
![](https://img.animaapp.com/iwdeEO2/animated-nested-designer2-m1@2x.png)
![](https://img.animaapp.com/iwdeEO2/animated-nested-designer2-r2@2x.png)
![](https://img.animaapp.com/iwdeEO2/animated-nested-designer2-r2@2x.png)
![](https://img.animaapp.com/iwdeEO2/animated-nested-designer2-m3@2x.png)
![](https://img.animaapp.com/iwdeEO2/animated-nested-designer2-r3@2x.png)
![](https://img.animaapp.com/iwdeEO2/animated-nested-designer2-r3@2x.png)
![](https://img.animaapp.com/iwdeEO2/animated-nested-designer2-m2@2x.png)
![](https://img.animaapp.com/iwdeEO2/animated-nested-designer2-r2@2x.png)
![](https://img.animaapp.com/iwdeEO2/animated-nested-designer2-r2@2x.png)
![](https://img.animaapp.com/4DcMOGJ/animated-designer-developer-boy-copy@2x.png)
![](https://img.animaapp.com/4DcMOGJ/animated-designer-developer-path-18-copy@2x.png)
![](https://img.animaapp.com/4DcMOGJ/animated-designer-developer-rectangle--copy@2x.png)
![](https://img.animaapp.com/4DcMOGJ/animated-designer-developer-rectangle--copy@2x.png)
![](https://img.animaapp.com/4DcMOGJ/animated-designer-developer-iu2019m-a-developer-grey@2x.png)
![](https://img.animaapp.com/4DcMOGJ/animated-designer-developer-iu2019m-a-developer-pink@2x.png)
![](https://img.animaapp.com/4DcMOGJ/animated-designer-developer-iu2019m-a-designer-grey@2x.png)
![](https://img.animaapp.com/4DcMOGJ/animated-designer-developer-iu2019m-a-designer-pink@2x.png)
Live Website: View
Buy Now
Sample Sketch File: Download
Live Website: View
Animations Tutorials
Coffee
Sample Sketch File: Download
Sunrise and Sunset
Sample Sketch File: Download
Heart Color Change
Two Dots Dancing
Caught a mistake or want to contribute to the documentation?
Edit this page on Github!