GuidelarkTurn your Figma library into a docs site: variants, props, tokens, search and a changelog.

Your Figma library, as a documentation site your whole team can read. Guidelark reads your components, variables and styles and writes a page for each one: variant tables with pictures, properties, specs, Do and Don't examples and your notes. Docs that finally match the file, because they come from it.

What you get

• Reads a whole library (or a page, or a selection): component sets and components with their variants, properties, defaults, options and property descriptions
• A page per component: the description (with its formatting and links), documentation links, a preview, Do and Don't examples, a properties table, variant tables with a picture of every variant, specs and the tokens it uses, and Dev Mode annotations
• Do and Don't frames are found by name and linked to their component by name or by sharing a section with it
• A page per variable collection with every mode's value, swatches, spacing and radius previews, aliases and CSS names
• Color, text, effect and grid styles with live previews
• A changelog page built from every export: added, removed, renamed and changed components, properties, tokens and styles, with a semver version
• Four formats: a static website with search (any static host or a folder on disk), Docusaurus 3 MDX, Storybook 8 or 9 MDX docs pages, or plain Markdown
• Tokens as CSS custom properties and W3C design tokens JSON (DTCG 2025.10) next to the docs, plus the library as JSON
• A gap list before export: components without descriptions or examples, default names, missing variant combinations, unlinked Do/Don't frames
• Download a ZIP, or open a GitHub pull request with your own token, which stays on your computer
• Nothing about your file is uploaded to us