Subscribe
Sign in
Zeroheight for Figma — Collaborative design system documentation synced with Figma
zeroheight lets you easily create living styleguides and keep all your design system documentation in one place
The styleguides are:
• quick to set up and maintain
• user-friendly so they can be edited by anyone
• synced with Figma, Sketch and code patterns
35
Replies
Harri Lehmuskallio
We've been using ZeroHeight for documenting our design system for the past 9 months and couldn't be happier.
Share
We've been using this product for some time now, really awesome. Feels good alot of features being rolled out and makes it easy to set out a guide within the company.
Been waiting for this. Thanks for building it! Our team will start using it this week.
Hey everyone 👋
zeroheight is a product that makes it easy to keep all your design system documentation in one place, synced with Sketch, code... and now Figma!
The benefit of using zeroheight for design system documentation vs simply documenting components in Figma is that you can:
• create a beautiful, customizable living styleguide to showcase your design system
• document design decisions and code in the same place easily
• write sophisticated documentation using a rich-text editor that can embed content from 3rd party tools (YouTube, Drive, CodePen etc.)
Since we launched on PH six months ago, integration with Figma has been our most highly requested feature. Thanks to the Figma API and support from the Figma team, we're excited to be able to offer zeroheight to the growing population of Figmates 😊
Looking forward to chatting with you all throughout the day – let us know what you think below!
@j_delafargue Great app! One issue/feature request: any idea how to demonstrate what links look like, seems the underline and colour from Figma isn't applied to the typography in Zeroheight?
Hey @daniel_caine2, that's because I believe Figma styles don't include colour as part of the saved style (unlike Sketch does) - does that make sense?
@getjerome Great stuff Jerome. We parked our design system task at work but I'll be looking at it over the next few weeks. And yeah that does make sense! It would be good if somehow you could apply that colour inside Zeroheight, based on colours you've added to ZH - if that makes sense?
Loved using Zeroheight with Sketch last year and was very sad to lose it when I made the move to Figma. Super excited to have it back now!
@ahmad_kadhim Cheers Ahmad! Thank you for all the feedback you provided last year :) It's thanks to users like you that we're still going 🚀👊
This is actually an incredibly needed software for my product team. Just tried out with our design system, and everything was very smooth and fast. Connected, created pages, inserted components, added description here and there, and instantly shared with teammates.
We'll definitely try it out in our product development process. Thanks for building it! ❤️
@govorukhin Thanks Stanislav! We worked hard on the onboarding flow so it's really awesome to hear that it worked well for you 😊Don't hesitate to share feedback when you try it out!
We currently use React styleguidist which auto-generates an entire Styleguide from a react project directory. Are there any plans to automate the addition / editing of components and their documentation when a component library gets updated, or will things always have to be manually curated?
@axel_norvell Hey Alex! You can currently embed React styleguidist directly into zeroheight styleguides: which means that any changes in your Styleguidist component are automatically reflected in zeroheight
Does that work for your use case?
Looking for such a tool! I can focus on building the system and not its documentation. Once our team grows bigger, I will give it a shot for sure.
It would be nice if you could fork over the base example, or a blog/doc indicating how to upload styles/assets from figma/sketch
@vincentntang Hey Vincent! We have some getting started guides in our help center for:
- Sketch: https://help.zeroheight.com/shar...
- Figma: https://help.zeroheight.com/shar...