Subscribe
Sign in
Start new thread
zeroheight
p/zeroheight
Helping you build design systems everyone loves to use.
Visit Product
Jerome
zeroheight 3.0 — Design system documentation synced with Sketch & code
Featured
22
•

zeroheight makes it easy for teams to create design system documentation collaboratively using online styleguides that are:

💎 synced with Sketch components

🖥 integrated with code examples

✏️ easy for anyone to contribute to

Replies
Best
Andreas Klinger
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
Jerome
Maker
Hey Andreas! Yes that's the next big milestone in our vision – allowing the "source of truth" inside the design system (whether that truth is established by design or development) to flow freely between the two environments. I think design tokens are a key enabler to be able to do this in a flexible way (rather than just relying on translating a specific platform like React to a specific format like Sketch). What I mean by this is that, if design and development teams start using tokens for more things than colors / fonts (like Salesforce do) e.g. spacing, layout etc., then it will become a lot more realistic to change a token in a dev environment (not necessarily React) and for that change to be reflected in a design environment (not necessarily Sketch). But also vice-versa. It does require collaboration between design and dev teams to establish the use of tokens at the start of projects, and to actually use them, but once they do (and we think teams will eventually do this) it will make cross-platform code/design syncing a lot more realistic. I hope this answer makes sense :)
Abdus Salam
@j_delafargue This is exactly what I'm hoping! As a designer, learning React is a bit of a technical barrier, and I would love to use something that makes the handoff and updation process easier between design and dev. Designers should be able to fix that 1px padding themselves rather than bugging developers who clearly should be focusing on more important tasks.
Pierrick
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.
Jerome
Maker
Hey Pierrick! We were just trying to emulate a scenario where some of your design system components are coded, but some haven't been implemented yet. zeroheight allows designers to start documenting design components before they're ready in code :)
Nate Davis
@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?
Jerome
Maker
Good to hear @nate_davis! We don't offer self-hosting yet but plan to do so next year :)
Nate Davis
@j_delafargue Sweet, yeah that would be one of those added features for me personally that would sell me completely on this. Congrats on the launch and thanks for the reply!
Jerome
Maker
@nate_davis thank you!
Jerome
Maker
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!
Jerome
Maker
@seantiffonnet thank you for being an early adopter!!
Marton Lakatos
Hey, I'm just exploring different softwares to document our design system, and while zeroheight looks pretty cool, and fulfills most of our requirements, Sketch sync, Storybook etc, I had to realize it doesn't have a mobile view, what I think pretty important (not for editing, just for reading). Is this something on your roadmap?
Harri Lehmuskallio

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.

Tinashe | the R
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.
Jerome
Maker
@tmunyaka thanks for your honest feedback! More integrations are coming soon... :)
Sujan Khadgi
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.
Jerome
Maker
Hey @___sujan! Thanks for your suggestion! We'll definitely look at ways to improve the plugin and make it more flexible in the future :) Thanks for being an early supporter!
audreyhacq

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

Maximilian Peters

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

Murat Mutlu
Congrats!
Jerome
Maker
Thanks Murat! You might not remember this but you helped us out in the early days (2015) with some super helpful insights about the design tool space :)