Hiding Content
Sometimes it is useful to hide some of the auto generated content. Maybe you have work in progress or internal components that you need to publish but you don’t want to appear in your docs. This is super easy to do and takes a few seconds.
Hiding Pages
Sometimes it is useful to hide some of the auto generated content. Maybe you have work in progress or internal components that you need to publish but you don’t want to appear in your docs. This is super easy to do and takes a few seconds.
1. Open your site in live edit mode and on hover a “Hide page” control will show in the navigation side panel.
2. Toggle the visibility of the pages you want to hide. You can click the “View” icon to check the results. These changes will be instantly pushed to your live documentation site
Hiding Styles & Components
There are cases where including deprecated style groups or sub components is not desirable. To hide content blocks inside a page look for the “Hide” toggle that is shown on hover.
To sync your library from within your site pages simply hit the Sync Library button in the edit mode header
Embedding Resources
Figma dev resources will all be imported into your pages alongside the generated component reference information. This provides a great way for you to supplement your docs with tutorial videos, code samples, Figma prototypes and more.
FigMayo will automatically inject any Figma dev resources attached to your components. You can find full guidance on how to manage dev resources in Figma’s help and guidance docs.
We will automatically embed dev resources from the following:
- Loom, Vimeo, YouTube
- Figma Slides, Prototypes or Layers
- Storybook
- Gists, CodeSandbox, JSFiddle
- Google Docs
Unsupported dev resource links are included below the component properties table as a list of resources.