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
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