Skip to content

Zeplin embed code generator

Paste a public zeplin scene project link — get a ready-to-paste embed of your design handoff, screens, and specs.

How to embed zeplin designs

Paste a Zeplin link

Copy a public scene.zeplin.io project link from the Share menu in Zeplin.

Get the embed code

The tool reads the shared project and generates the right embed HTML.

Copy & paste

Click Copy code, then paste the HTML into your blog, docs, CMS, or any HTML editor.

Why use our zeplin embed code generator

No manual setup

Skip digging through Zeplin share settings. Paste a public project link and get working embed HTML.

Share design handoffs anywhere

Surface screens, specs, and styleguides in docs and posts without sending people back into Zeplin.

Customizable preview card

Switch to Card mode to customize colors, fonts, and layout before copying.

Free, no signup

Generate up to 50 Zeplin embeds per day. No login, no API key, no watermarks.

Zeplin Embed with one click.

Powered by the Microlink Embed API — the same infrastructure handling embeds at scale.

  • Public Scene projects

    Works with publicly shared Zeplin Scene links so readers can browse the handoff in place.
  • Screens, specs & styleguides

    Show off connected screens, design specs, colors, and text styles from the shared project.
  • Preview card fallback

    A styled preview card with title and image when native embedding is restricted.
  • Public Scene projects

    Works with publicly shared Zeplin Scene links so readers can browse the handoff in place.
  • Screens, specs & styleguides

    Show off connected screens, design specs, colors, and text styles from the shared project.
  • Preview card fallback

    A styled preview card with title and image when native embedding is restricted.

FAQ

How do I embed a Zeplin project on my website?

Share your Zeplin project publicly to get a Scene link, paste that URL into the tool, and click Generate to get ready-to-paste embed HTML.

What Zeplin content can I embed?

Publicly shared Scene projects, including their screens, design specs, colors, and styleguides.

Can I embed a private Zeplin project?

No. Only projects you have shared publicly via a Zeplin Scene link can be embedded, since private projects require a login.

What if the project will not embed?

Switch to Card mode to generate a styled preview card with the project title and image instead.

Is this free?

Yes — 50 requests per day, no login, no credit card.