How to Avoid Blurry Images, use Retina Images, and Vectors (SVGs)

If your prototype, or your website have low resolution/blurry images, while in Sketch they are much sharper:

For Sketch:

1. On Sketch, select the blurry image layer
2. Find the Exportable preset panel in Sketch bottom-right
3. For Retina - Mark the Exportable asset as @2x
   For Vector - Mark the Exportable asset as @1x, SVG 
4. Preview in Browser to view results

For Adobe XD:

For Figma:

Get Started with Anima!

• Creating a High-Fidelity Prototyping in Sketch
• How to Publish a Website and Host it With Anima
• How to Handoff Design Specs to Developers
• How to Export Sketch to HTML
• Team Collaboration