Perhaps one of Zeplin’s most useful features is the ability to organize assets into component libraries. Once highlighted, right click and select “New Section from Selection.” Repeat this until your Zeplin file is properly organized. From the Dashboard view of your project, select similar screens to group into categories.Now that your Sketch artboards are in Zeplin, let’s organize artwork into sections.These will show up in your Zeplin-generated style guide. Save colors into your “Document Colors” palette and fonts as “Text Styles” in your Sketch file.This will allow you to set up components in Zeplin.
#Zeplin download windows 10 for mac#
#Zeplin download windows 10 how to#
To see a general overview and learn more about how to use it, see the Zeplin demo video below: Working with Sketch and Zeplin: Steps and Tips However, Zeplin has a bit of a learning curve that requires some time and attention. Once the flow of working with Zeplin and Sketch (or the other apps mentioned above) is understood, the workflow becomes easy. At that point, a paid plan would be needed. When designing for both iOS and Android, two separate projects will be required. Zeplin offers a free plan, but under that plan, it’s limited to one project. While Zeplin has many helpful features, it isn’t perfect. – Jason Stoff, Senior Designer, Digital Products Zeplin Limitations If it’s not in Zeplin, it’s not official. We basically consider Zeplin to be our source of truth for collaborating with Engineering.
In one of our past articles, Toptal Designer Micah Bowers talked about the importance of having a standardized design language system in order to communicate efficiently across various functions of product teams working on digital products.īy versioning design assets, creating component libraries, and generating living style guides, a project ported into Zeplin can serve as the “single source of truth” for product teams.
0 kommentar(er)
