How to add external URL links to your prototype - Anima Blog
Design

How to add external URL links to your prototype2 min read

Reading Time: 2 minutes Prototyping with Anima Tip #3 out of 5

How to add external URL links to your prototype

How to add external URL links to your prototype2 min read

Reading Time: 2 minutes

Part #3 of a 5 part series: prototyping with Anima in Sketch

With Anima, you can build prototypes that feel real Directly inside Sketch, Adobe XD, or Figma, and start free!

External Links in Prototypes

Want to add a link to your company’s Instagram page? No problem.

Anima allows you to add links not only between your prototype screens but also to external websites (hyperlinks). That way, your prototype feels more real and gives a better experience.

How to Add Links

  • Select the layer you’d like to link (i.e Instagram button)
  • Click Prototype tab > Flow > Links > External Link
  • Paste your hyperlink URL
  • Click Save

👉 Live Preview Here

Tricks 🎩✨

  • Email links
    Add a link that directly opens the email client with a specific address:
    Just insert ‘mailto:name@email.com’ in the URL field.
  • Phone links
    Add a link that suggests the user make a call (on mobile browser):
    Just insert ‘tel:+1(415)555555’ in the URL field.

Preview in Browser

To see it working, just hit Preview in Browser.
👉 Live Preview Here

Everything is looking good?
Then, click Sync upload the changes to the Anima Project, and click Share to invite others.

Discover more tips for prototyping with Anima in Sketch:

What is Anima?

Anima allows designers to create high-fidelity prototypes inside Sketch, Adobe XD, and Figma and exports them as HTML & CSS with a single click.

Join the discussion or show off your designs on FacebookTwitterSlackInstagramand vote for new features at UserVoice.

Stay creative!
❤️ Anima team

|

Co-founder & CPO

UI/UX master with a keen eye for user journeys. Working on improving the handoff from design to code and creating better interfaces. A huge fan of music festivals and a chocolate lover.

Leave a comment

Your email address will not be published.