Zeplin React

Posted : admin On 1/3/2022

Announcing new features for product teams

Zeplin React Plugin

Introducing Component Variants, Zapier Integration, and new Notifications experience. Learn more.

Designers have published 6,860,867
6
4
Figma, Sketch and Adobe XD designs to Zeplin for development and collaboration in the past 30 days.

With Zeplin, you can publish finalized designs from Figma, Sketch, Adobe XD and Photoshop. Developers get a 'locked' design to build from, while designers can iterate on the next great release. Zeplin is the source of truth for finalized designs, if it’s not in Zeplin it won’t be in the shipped product. Zeplin automatically generates resources, including measurements, assets, and code snippets tailored to platform needs. Here's a list of features that will help you develop Android projects: Measurements are in dp/sp. Assets are available as 5 PNGs (mdpi, hdpi, xhdpi. If you have a Web project, sadly it's not possible to change the project type, since Zeplin generates all the resources while exporting them from Sketch/Photoshop. We'd highly recommend creating a new project and exporting your artboards again. We'll keep improving Zeplin's React support, so please let us know if you have any suggestions!

Do you have designs in Zeplin, and need to turn those into React Native UI (or even html) codes? This will take those design's json schema, and automatically create React Native snippets/components or even html tags through template. 🖐️ Contributors and PR are welcomed!!! Get more out of Zeplin, together. Extensions are built by the community to generate code snippets from designs. Pick the ones that fit your workflow, or create your own and contribute.

Get started for freeGo to projects →
253px
Radius, 2px
Youtube led zeppelin reaction songs
#419BF9
Roboto, Medium, 24px
#FFFFFF
LedZeplin figma react

Leading product teams use Zeplin

Explore why →

Publish designs for development

Go beyond specs. With Zeplin, you can publish finalized designs from Figma, Sketch, Adobe XD and Photoshop.

Developers get a 'locked' design to build from, while designers can iterate on the next great release.

Zeppelin
Zeplin is the source of truth for finalized designs, if it’s not in Zeplin it won’t be in the shipped product.

Bring together the multidisciplinary team

An accessible workspace that is friendly to non-designers including developers, product managers, copywriters and more.

Zeplin also helps the team collaborate by providing much needed organization and structure to native design files.

Zeplin provides an inclusive workspace where team members from varying disciplines like product managers, UX writers and more can come together to deliver on designs.
Zeplin

Extend your design system

Drive consistency by surfacing design system elements where developers can easily reuse them. Then, go even further by using Connected Components to extend designs to code!

open platform

Connect your tools and build custom workflows

Leverage your investments in tools like Jira, Trello, Slack and VS Code through deep integrations with Zeplin.
With the Zeplin open API and webhooks, you can also create custom workflows to support your specific needs.

Zeppelin Reaction Videos

Deliver on the promise of design