- 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
Screen Presets
Once you’ve defined your design with Layout, you can easily change it to different screen size presets.
Notice how your design adapts to its new screen size.
Generate Overview
Also, after you’ve defined your design with Layout, Anima can generate an overview of your design in all screen sizes with a simple click.
Arrange in Grid
When changing artboard sizes sometimes things can get messy. For example they sometimes overlap each other.
That’s why we added the Arrange in Grid option, which not surprisingly, all it does it to arrange the artboards in a grid.
Tip: Create a Keyboard Shortcut
Learn how you can assign this function a Keyboard Shortcut for a faster workflow.
iOS
Device | Width | Height | Scale |
---|---|---|---|
iPhone SE | 320 | 568 | 2 |
iPhone 8 | 375 | 667 | 2 |
iPhone 8+ | 414 | 736 | 3 |
iPhone X | 375 | 812 | 3 |
iPad Air | 768 | 1024 | 2 |
iPad Pro (12.9”) | 1024 | 1366 | 2 |
**
Scale
means that the number of pixels is multiplied according to the scale value.For example in iPhone 7 the screen size is 375x667 points, but 750x1334 actual pixels since Scale is 2.
Android
Device | Width | Height |
---|---|---|
Android Phone | 360 | 640 |
Android Tablet 7’ | 600 | 960 |
Android Tablet 9’ | 768 | 1024 |
Android Desktop | 1280 | 850 |
Web
Device | Width | Height |
---|---|---|
Desktop HD | 1440 | 1024 |
Desktop | 1024 | 1024 |
Tablet Portrait | 768 | 1024 |
Mobile Portrait | 320 | 1024 |