Zeplin



Top 5 Zeplin Alternative. As aforementioned, Zeplin suffers some inherent drawbacks that may dent designers’ hopes for faster, easy, and reliable UI design. To avert such scenarios, you don’t have to get stuck with Zeplin as there are numerous other top-notch Zeplin alternatives. The following are some of the top 5 Zeplin alternatives. Zeplin Global Group, LLC (“Zeplin”) is a full-service healthcare operational management and business consulting company. Over Zeplin’s history, the company has evolved into a physician practice management and resource utilization service that assist a variety of commercial and government agency clients.

  • Von Zeplin Salon is a full-service salon for men, women, and children. We specialize in dynamic hair design and multidimensional coloring. Our expert stylists can give you a classic or contemporary cut or color to complement your unique style.
  • Zeplin is the best way for designers & developers to work together Upload your designs and Zeplin will turn them into specs, styleguides and all the other resources that developers need.
  • 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.

Zeplin for Visual Studio Code lets you quickly access the designs you’re working on, follow design changes, open the Jira issues they’re attached to —all from within VS Code. 🔌

Installation

  1. Install Zeplin from Visual Studio Code extension marketplace.
  2. Open the new Zeplin sidebar.
  3. Login to Zeplin.

Usage

Access designs you’re working on

The Zeplin sidebar in Visual Studio Code lets you access the designs you’re actively working on.

Get started by adding a project. Once you add one, all the screens and components in the project will be listed in the sidebar. You can quickly open each screen or component in Zeplin by clicking the “Open in Zeplin” icon in each row. Similar to adding projects, you can also add styleguides and access all their components.

You can also pin screens or components you frequently visit, and they will be listed under the “Pinned” panel.

Follow designs changes

The Zeplin sidebar lets you to see which designs have been updated since you last visited. Once you add a project, Zeplin will list changes to screens and components under the “Activity” panel.

Open Jira issues

Using Zeplin for Jira, you can attach Zeplin resources to Jira issues. This enables two-way collaboration—when you’re viewing a design in Zeplin, you can open the related Jira issue.

Zeplin

The Zeplin sidebar lets you view which resources are attached to a Jira issue by displaying a Jira icon in the row, and clicking the icon opens the Jira issue directly. Coupled with the “Pinned” panel, you can quickly access Jira issues of designs you frequently visit.

Manage Connected Components configuration

Zeplin

Connected Components in Zeplin lets you access components in your codebase directly on designs in Zeplin, with links to Storybook, GitHub and any other source of documentation based on your workflow. 🧩

Zeplin for Visual Studio Code makes it easier to create the JSON configuration file that connects components in your codebase to their design counterparts in Zeplin. Check out our getting started guide for Connected Components.

Contributing and Issue Tracking

See CONTRIBUTING.md for details.

☝️To start using the apps, you will first need a Zeplin account. If you don’t have one already, you can sign up for free here: https://app.zeplin.io/register

Why do I need to download the desktop app?

Zeplin works with a plugin in Sketch, Figma, Adobe XD and Photoshop. When you download the Mac or Windows app, it automatically installs these plugins for you.

If you’re a designer, you can export your designs using these plugins through the desktop app. Then Zeplin generates all of the resources that developers need like specs, assets and code snippets, tailored to the platform's needs (iOS, Android, Web and macOS).

If you’re a developer, you can use Zeplin’s web app to access the projects: https://app.zeplin.io. It's not required for you to download the desktop apps.

Next up: Creating a project

Zeplin Vs Blimp

Related articles: