Skip to main content

Adding an extension to a project

Learn how to manage project extensions

Bedriye avatar
Written by Bedriye
Updated over 2 weeks ago

Zeplin extensions are JavaScript modules that generate code snippets from various design elements. All the built-in code snippets in Zeplin are implemented as extensions using the same infrastructure.

Adding an extension

You can explore all the extensions built by developers from the community and the Zeplin crew here: https://extensions.zeplin.io/.

To add one of those extensions to your project or styleguide, select the project or styleguide in which you need the extension, click the settings icon on the right panel under "Extensions," click the "Add extensions" button, which will lead you to the Extensions page. From the extension list, you can click the "Add to Zeplin" button for the extension you'd like to add to your project.

Managing extensions

You can see the list of extensions in your project under the "Extensions" window from the right panel of your project's Dashboard or styleguide.

From this window, you can change the preferences for each extension, enable/disable them, or remove them completely. To enable an extension, make sure you check the box next to it.

πŸ’β€β™€οΈ On this window, you can see all extensions enabled for your project. When you are inspecting a screen or a component, you will see extensions filtered according to your selected platform. The extensions on the right panel will update as you switch between platforms.

Recommended extensions


Related articles

Did this answer your question?