Skip Navigation

Sharing Documents

From the Workspace window, you can Control-click on any document and choose Copy Link to copy a link to the document in a Workspace to your clipboard.

In an open document, click on the three dots in the Collaboration menu in the toolbar and choose Copy Link to copy a link to the document in your Workspace to your clipboard.

Tip: You can find both Copy Link and Manage Share Settings… in the menu bar under File > Workspace as well.

Click on the three dots icon Dots Cloud and select Share…. From here, you can invite other people via email to edit or view your document — as well as defining what can people with a link to your document can do.

If you want that document to be used as a Library, click on Settings… and enable the checkbox in the Use as a Library section.

Embedding Sketch documents

With embeds, you can share your work in context on platforms like Notion, GitHub or Jira — or even publish your designs on a personal website or blog. That means you can share your documents, Artboards and prototypes without having to send out individual invitations to your Workspace.

Before you embed a document, make sure it’s accessible to people outside of your Workspace. To do this, you’ll need to manage your document’s share settings and give viewing permissions to the document’s link.

How embeds work

There are a couple of ways to embed your Sketch documents:

  • You can copy the link to your document, Artboard or prototype and paste it directly into any web page or document that supports oEmbed, such as Notion or Medium.
  • Alternatively, you can generate a HTML snippet from that same link using a tool like iFramely. You then need to paste this snippet into your web page’s HTML document.

Note: With embeds, only the latest update of your document, Artboard, or prototype will display. To display previous updates of a document, you will need to copy the link to that update before embedding it.

Platforms like Notion and Medium allow you to embed content by copying your document’s link and pasting it into the page or document where you want it to appear. Copy and paste your link into a Notion document, for example, and your Artboard will appear in that document as if you were viewing it in the web app in your browser.

Copy your document’s link. You can copy a document’s link from the Workspace window in the Mac app, or from your browser’s address bar in the web app.

Paste your document’s link into the web page or document where you want it to appear.

Here’s what embedding a Sketch document in Notion looks like.

Embedding documents using a HTML snippet

To embed your Sketch documents in any other type of web page, you’ll need to create a HTML snippet for your link. Here’s an example of a HTML snippet for the page you’re currently reading:

<div class="iframely-embed">
<div class="iframely-responsive" style="padding-bottom: 50%; padding-top: 120px;">
<a href="https://www.sketch.com/docs/data/#creating-a-text-data-source"
data-iframely-url="//cdn.iframe.ly/AULvNVA"></a></div></div>
<script async src="//cdn.iframe.ly/embed.js" charset="utf-8"></script>

To generate a HTML snippet, you can use a tool like iFramely. With iFramely, simply copy your document’s link into the field labelled Paste a link here, then press the Check it button.

Once you have your snippet, copy it by pressing the Copy Code button. You can then paste your code snippet into the HTML document of the page where you want your document, Artboard or prototype to appear. Don’t forget to paste it between the html <body> </body> tags of your document.

Last updated on 10 Jan 2022

Was this article useful?

Thanks for your feedback.
An error occurred, please try again later.