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