#ZEPLIN DESKTOP APP UPDATE#
#ZEPLIN DESKTOP APP CODE#
#ZEPLIN DESKTOP APP MAC#

So far, so good! We started by creating a project, then published our designs and tidied up our workspace. So that you can do your final check after you publish your designs to Zeplin and be sure that everything is just fine!ĭiscovering reusable components in a screen In addition, Zeplin can now highlight components across screens of a project and show a list of them per screen. Also, you can see all the components used on a screen! When you add components to your artboards/frames and publish them into Zeplin, you can access the details of your components on the right panel while inspecting your screens. That’s where the Annotations come on stage! With Annotations, you can document how your design should behave with descriptive GIFs/videos, reference product requirements, and even share API endpoints. While the entire team can add their feedback or ask questions by using Comments to collaborate on designs, designers will also need to share their instructions visibly. Organizing components using Sections and Groups 💁‍♀️ You can also organize your styleguides: Using sections and tags to organize screens You can quickly tidy your workspace with sections, descriptions, and tags!Īdd a description, styleguide, and links to sections To keep things organized and understandable by every member, you might need to organize your dashboard and projects. Once your team gets used to Zeplin, your project and screen count will probably continue to increase.

You can start with this article to learn more about it: Getting started with screen variants Screen Variants help communicate variations of screens such as: Here are the screen versions in Zeplin that can help you!Īlso, Screen Variants allow you to combine variations of the same screen, reducing clutter and enabling developers to toggle between them quickly. In this case, you'll also need to see the previous versions of your designs and compare them.

#ZEPLIN DESKTOP APP UPDATE#

You can learn more details about the global styleguides from this link:Īfter a while, you may need to update your designs and publish your screens' new versions to Zeplin. If you have a UI kit, design system, pattern library, or brand styleguide you're working on, you can set it up in Zeplin and even create child styleguides that inherit from the parent one. You can also export your components directly to your global styleguide, and they will be listed under the Components section in the global styleguide. With global styleguides, your team can manage text styles, colors, spacing systems, and components separately from a project. In addition to projects’ Local Styleguides, you can create global styleguides. You can add them to the project’s local styleguide. When you publish your designs, Zeplin automatically finds the design elements such as colors and text styles. In Zeplin, every project has its own local styleguide. Set up your design system using Styleguides 💁‍♀️ You can publish your designs in order! Whether your artboards or components are laid out horizontally, vertically, or numbered in your design file, you can choose the order you want to publish them to Zeplin.

#ZEPLIN DESKTOP APP MAC#

In addition to publishing your designs from the design tools, you can import your designs in the PNG format into a project from the Zeplin Mac app. Based on your design tool, you can learn the details from one of the articles below: Zeplin works seamlessly with Figma, Sketch, Adobe XD, and Photoshop. You can check out these articles to learn more about creating a project in Zeplin:Ĭhoosing the correct project type and densityĪfter you’ve created your project, it’s time to start publishing your designs. For example, the measurements will be in pt for an iOS project while they will be in px for a Web project.

#ZEPLIN DESKTOP APP CODE#

Since developers use different resources for each platform, Zeplin generates all resources, like assets, specs, and code snippets, based on your project type. It supports 4 different project types Web, iOS, Android, and macOS. To get started, you will need to have a project in Zeplin. In this article, you can find a way to start using Zeplin as a designer and discover all of the features you will need. You can define user journeys, document behaviors, and share requirements to give more context to your designs and improve your handoff processes. Everyone in the team can access the latest design resources and get notified of changes without you having to ping them. With Zeplin, you can keep your work in the design tools while publishing your finalized designs in an organized and accessible workspace. In order to build great digital experiences, there needs to be an airtight handoff between design and development teams.

Zeplin desktop app