Search

Figma: Sync Figma descriptions

Chi
Chi
  • Updated
You can now sync your Figma descriptions to zeroheight, keeping all your notes up-to-date. For example, you might use this for keeping icon aliases synced and easily searchable in zeroheight:
Add aliases to help viewers search for components.
Add aliases to help viewers search for components.

Sync descriptions from Figma

1) Add a description to your component in Figma.
Description for an icon is added in Figma.
2) Sync your Figma file to zeroheight 3) In the styleguide, select the design upload block and click the cog icon to access the block settings. 4) Toggle Display descriptions from Figma
Design uploads block setting shows display descriptions from Figma function.
4) Your descriptions will display below the design uploads.
Icons in zeroheight display descriptions.
5) To update the notes you can make the changes in Figma then sync your Figma file as usual. Any changes will be reflected in zeroheight.
Update items function hovered over uploaded Figma file.

FAQs

Why can't I see the option to display descriptions from Figma?

This option will only appear if at least one of the design uploads from Figma contains a description. If you don't see the option to display descriptions from Figma, double-check that the design uploads have a description in Figma and that the file has been recently synced.

Does this display in search?

Yes, the notes are fully searchable in zeroheight.
Search query for the word sparkle shows a result with the associated icon.

Can you still use zeroheight notes?

Yes, you can use both, see below.
Icon with Figma description and zeroheight note

Can you change the size?

Yes, you can change the text size from styleguide settings.
design upload note size options found in the styleguide.

Color styles and documentation link descriptions are not syncing?

At the moment, this feature is supported with Figma components and color styles.

Can you display both anatomy diagrams and Figma descriptions?

No, if you choose to display annotations, you cannot display Figma descriptions.

Was this article helpful?