Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

Sympli
Sympli

5
3
+ 1
0
Zeplin
Zeplin

470
199
+ 1
4
Add tool

Sympli vs Zeplin: What are the differences?

Developers describe Sympli as "Design version control, handoff and workflow tool". It delivers all design components and assets to your team members where they work enabling quick commenting, implementation, and testing. It supports your team by connecting each team member with the collaboration and automation tools they need to work more efficiently. On the other hand, Zeplin is detailed as "Collaboration app for UI designers and frontend developers". Collaboration app for designers & developers. Supports Sketch and Photoshop (on beta!).

Sympli and Zeplin belong to "Graphic Design" category of the tech stack.

- No public GitHub repository available -
- No public GitHub repository available -

What is Sympli?

It delivers all design components and assets to your team members where they work enabling quick commenting, implementation, and testing. It supports your team by connecting each team member with the collaboration and automation tools they need to work more efficiently.

What is Zeplin?

Collaboration app for designers & developers. Supports Sketch and Photoshop (on beta!).
Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

Why do developers choose Sympli?
Why do developers choose Zeplin?
    Be the first to leave a pro
      Be the first to leave a con
        Be the first to leave a con
        What companies use Sympli?
        What companies use Zeplin?

        Sign up to get full access to all the companiesMake informed product decisions

        What tools integrate with Sympli?
        What tools integrate with Zeplin?
        What are some alternatives to Sympli and Zeplin?
        Apache Zeppelin
        A web-based notebook that enables interactive data analytics. You can make beautiful data-driven, interactive and collaborative documents with SQL, Scala and more.
        Abstract
        Abstract builds upon and extends the stable technology of Git to host and manage your work.
        GitHub
        GitHub is the best place to share code with friends, co-workers, classmates, and complete strangers. Over three million people use GitHub to build amazing things together.
        Bitbucket
        Bitbucket gives teams one place to plan projects, collaborate on code, test and deploy, all with free private Git repositories. Teams choose Bitbucket because it has a superior Jira integration, built-in CI/CD, & is free for up to 5 users.
        GitLab
        GitLab offers git repository management, code reviews, issue tracking, activity feeds and wikis. Enterprises install GitLab on-premise and connect it with LDAP and Active Directory servers for secure authentication and authorization. A single GitLab server can handle more than 25,000 users but it is also possible to create a high availability setup with multiple active servers.
        See all alternatives
        Decisions about Sympli and Zeplin
        Adam Neary
        Adam Neary
        Engineer at Airbnb · | 8 upvotes · 257.9K views
        atAirbnbAirbnb
        Apollo
        Apollo
        Figma
        Figma
        Zeplin
        Zeplin
        React Storybook
        React Storybook
        #StorybookDesignStack
        #StorybookStack
        #ReactDesignStack

        The tool we use for editing UI is React Storybook. It is the perfect place to make sure your work aligns with designs to the pixel across breakpoints. You get fast hot module reloading and a couple checkboxes to enable/disable browser features like Flexbox.

        The only tricks I apply to Storybook are loading the stories with the mock data we’ve extracted from the API. If your mock data really covers all the various various possible states for your UI, you are good to go. Beyond that, if you have alternative states you want to account for, perhaps loading or error states, you can add them in manually.

        This is the crux of the matter for Storybook. This file is entirely generated from Yeoman (discussed below), and it delivers the examples from the Alps Journey by default. getSectionsFromJourney() just filters the sections.

        One other hack you’ll notice is that I added a pair of divs to bookend my component vertically, since Storybook renders with whitespace around the component. That is fine for buttons or UI with borders, but it’s hard to tell precisely where your component starts and ends, so I hacked them in there.

        Since we are talking about how all these fabulous tools work so well together to help you be productive, can I just say what a delight it is to work on UI with Zeplin or Figma side by side with Storybook. Digging into UI in this abstract way takes all the chaos of this madcap world away one breakpoint at a time, and in that quiet realm, you are good down to the pixel every time.

        To supply Storybook and our unit tests with realistic mock data, we want to extract the mock data directly from our Shared Development Environment. As with codegen, even a small change in a query fragment should also trigger many small changes in mock data. And here, similarly, the hard part is tackled entirely by Apollo CLI, and you can stitch it together with your own code in no time.

        Coming back to Zeplin and Figma briefly, they're both built to allow engineers to extract content directly to facilitate product development.

        Extracting the copy for an entire paragraph is as simple as selecting the content in Zeplin and clicking the “copy” icon in the Content section of the sidebar. In the case of Zeplin, images can be extracted by selecting and clicking the “download” icon in the Assets section of the sidebar.

        ReactDesignStack #StorybookStack #StorybookDesignStack
        See more
        Interest over time
        Reviews of Sympli and Zeplin
        No reviews found
        How developers use Sympli and Zeplin
        Avatar of Sparks42 GmbH
        Sparks42 GmbH uses ZeplinZeplin

        We use zeplin as an interface between designers, developers and stakeholders for sharing, improving and discussing designs

        Avatar of Eventvods
        Eventvods uses ZeplinZeplin

        Easy transfer of vector assets to production, spacing information, etc.

        Avatar of Fleks Works
        Fleks Works uses ZeplinZeplin

        For designs and communicate it to development

        How much does Sympli cost?
        How much does Zeplin cost?
        Pricing unavailable
        News about Sympli
        More news
        News about Zeplin
        More news