Introducing zeroheight for Figma!

Create living styleguides synced with Figma and code

Jerome de Lafargue
Apr 8 · 4 min read

1. Getting started

Once you’ve created a zeroheight account head over to the Uploads dashboard and click Add new upload:

2. Adding Figma files to zeroheight

Now that zeroheight is connected to your Figma account, all you need to do is upload a Figma file by pasting the share link. You can get it by clicking the Share button in Figma, then Copy link. The setting of the link doesn’t matter (it can be view or edit) and the file can be any file—it doesn’t have to be in a team or published.

3. Adding Figma content to your styleguides

Once you’ve added your Figma file to zeroheight, you can then insert your Figma components and styles into a Design uploads blocks in your styleguide. You can use the existing ones on the template pages (Colors, Typography etc.) or create your own using the editor:

  • Document design decisions and code in the same place
  • Write sophisticated documentation by embedding content from 3rd party tools (YouTube, Drive, CodePen etc.)

zeroheight

Keep your design system documentation in one place with zeroheight! https://zeroheight.com

Jerome de Lafargue

Written by

Co-founder at http://zeroheight.com, beautifully simple design system documentation synced with design and code! Follow me on Twitter @getjerome 🎨

zeroheight

Keep your design system documentation in one place with zeroheight! https://zeroheight.com