zeroheight 3.0 - Design system documentation synced with Sketch & code

Hey PH, it’s been a while! @robintindale and I started zeroheight with the vision of bridging the gap between design and development. A Photoshop handoff and a Sketch symbol library plugin later, it feels like we’re getting a little bit closer 🤓 It’s been a really exciting (and challenging 😅) journey so far. For the past year, we’ve been working on a new product in private beta, and we’re really excited to finally share it with you 👏 zeroheight is for teams who have design system resources (Sketch Library, front-end pattern library etc.) but don’t have the bandwidth to build (and maintain!) a custom styleguide site from scratch. These teams can use zeroheight to create sophisticated styleguides: 💎 Designers can sync their Sketch components and styles 🖥 Developers can contribute code using HTML previews and Storybook components ✏️ Anyone else can get involved, as editing a styleguide is super simple—think Medium, Dropbox Paper etc. How are we different from InVision’s DSM? We’ve been asked this a lot, so instead of making assumptions, we asked our beta users why they picked us over DSM. These were their top 3 answers: • flexibility of the styleguide editor • simpler Sketch integration • ability to integrate code examples Give it a go – it's free 😌 As always, we’d appreciate your honest feedback. We’ll be around to chat throughout the day!

I can imagine the next version of this to use react-sketch to automatically build components - and keep code+design in sync do you have plans related to this? cc @j_delafargue @robintindale

We've been using Zeroheight to manage our styleguide and help developers for about a year now. It greatly simplifies our designers' communication with developers (=styleguide) and gives our developers great confidence that their pull requests are spot on for UX.

Pros:

Using it daily. Super simple, yet as powerful and reliable as others. Love the style guide designer, biggest benefit are the code samples.

Cons:

None so far

After testing out a bunch of similar platforms ZeroHeight for me is in the sweetspot between “simple to use“ and “powerful enough”.

Pros:

Works perfectly as the documentation tool for your shared Sketch-library

Cons:

Support assets (fonts etc.) need to be hosted somewhere else.

A very good tool to quickly make available a beginning of Design System for all the teams

Pros:

- Good user experience

- View by components

- Beautiful documentation with video, images, gif and the integration of invision prototypes

Cons:

- Not possible to download a zip with all the assets yet

- Need a third level to organize the different sections

Congrats!

Super excited for the new features. I was already impressed with the documentation features that existed but being able to embed prototypes and the storybook integration to see an actual live component is super cool. One thing I would absolutely love is to be able to add a Layer group. Right now we can add artboards which is cool too but being able to add a layer group would be particularly helpful when you don't want to convert a complex component (built with symbols) to be converted into a symbol to make shareable.

Looks good! But why are some elements in the example, like Form and Dropdown, not coded but only uploaded as images? Seeing this, I feel like the styleguide doesn't work for complex elements.

@j_delafargue This seems like the tool ive been wanting for an awesome design library. Does the premium non branded plan allow you to host on your own domain?

Looks great! We were considering it at our company (and I work for one of the top 3 international oil and gas companies)... up until we realised that it only works with Sketch. Please try add Adobe XD integration soonest. We've had to shop around for other options now.