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. You can click the "Add to Zeplin" button from the extension list for the extension you'd like to add to your project.
โ๏ธ Make sure the extension you select is available for your project type. The supported project types are listed on the extension's details page.
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 it completely. To enable an extension, make sure you check the box next to it.
Recommended extensions
iOS: Swift, Objective-C, Attributed Strings
Android: XML
React Native: React Native, React Native Styled Components
Flutter: Flutter, Flutter Extended, Flutter Gen
Xamarin: Xamarin.Forms