- Anima for Sketch
- Install Plugin
- Create a Project
- Preview & Sync Project
- Upgrade a Team
- Tutorial Files
- Introduction
- Pins
- Stacks (Flexbox)
- Padding
- Screen Presets
- Keyboard Shortcuts
- Symbols
- Examples
- Introduction
- Links
- Breakpoints
- Set Homepage
- Hover Effects
- Entrance Animation
- Fixed Position
- Text Input & Forms
- Videos/GIFs/Lottie
- Embed Code
- Interaction & Animation
- Interactions Intro
- Samples
- Play
- Breakpoints Viewport
- Comments
- Code
- Share Prototype
- Manage Access Levels
- Publish Website
- Custom Domains
- Analytics
- Project Settings
Getting Started
Layout
Prototype
Collaborate
Prototype Link
Project Settings
Built with ❤️   in NYC & TLV
Breakpoints Viewport
If breakpoints were added to the design using the Anima plugin, you can switch between devices using the device icons located in the top navigation bar of the Omni view.
Selecting the Responsive option will allow you to resize the screen and preview how the design would look on different screen widths.
Simply grab the blue slider on the right side of the Omni and resize the screen’s width.
TIP
To create a more fluid transition between screens, use Anima Breakpoints together with resizing constraints.
Learn how to add Breakpoints to your design
Learn how to make your design responsive with Anima Layout Pins
Caught a mistake or want to contribute to the documentation?
Edit this page on Github!