Back to Plugins
FigMayo

FigMayo

Convert your Figma libraries into documentation websites

documentationstyle guidesyncvariableswebsitedesign systemcomponents

Plugin Preview

FigMayo preview

About this plugin

What is FigMayo?


FigMayo instantly converts any Figma library into a fully functional documentation reference website you can share with your team. All your styles, variables and components are included allowing stakeholders to browse and explore your design work.


Give developers the tools they need to inspect components & variables, copy styles and play with your variants and props. Easily add Storybook, Github markdown, code samples and more.


You get a single source of truth for your team that is automatically kept up to date.


How to create a documentation site using FigMayo

  1. In Figma, go to the plugin menu and open the FigMayo plugin
  2. Sign up for a free account on www.figmayo.com
  3. Grab your API key from from your FigMayo settings
  4. Paste your API key into the plugin
  5. Paste the share url of your Figma library into the plugin
  6. Click the sync library button


Why use FigMayo?

  1. Quickly share your components, styles and variables with non-figma users, it’s the perfect developer handoff.
  2. Instant setup - no manual time spent replicating information that exists in Figma.
  3. Stay in sync - updates from your libraries can be quickly synced with your site.
  4. Consolidate product knowledge from Figma & Github.


Reach us on:

  1. LinkedIn
  2. Slack Community

Plugin Details

Version1
CreatedOctober 11, 2024
Last UpdatedOctober 16, 2024
CategorySoftware development
CreatorMike Miller
Stats123 installs, 39 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:main.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • http://localhost:4000Dev
    • https://app.figmayo.com
    • https://staging.figmayo.com