FigMayo automatically converts Figma libraries into documentation websites. Styles, components and notes are instantly published, eliminating the need for manually creating and maintaining design system docs for your team.
We've been using Figmayo at ZeroNorth to document our Figma design system, and it has been an absolute game-changer. The process is super straightforward β it mirrors our Figma library into a URL, allowing stakeholders and team members to effortlessly preview our components without the need for a Figma account.
What sets Figmayo apart is its simplicity and efficiency. With the Figma file as the source of truth, maintaining it is a breeze. Any updates or changes made in Figma are reflected with just the push of a button, instantly updating the Figmayo URL. It's as easy as it gets!
Figmayo has streamlined our design documentation process, making it accessible and up-to-date for everyone involved. If you're looking for a hassle-free way to share and maintain your design system, Figmayo is the answer.
Hello everybody!
We're over the moon to introduce FigMayo to the PH community! Our small but passionate team has put in plenty of coffee, sweat, and maybe a few tears to reach this Version 1 milestone.
The challenge of design system documentation has haunted us from tiny startups to behemoth enterprises. We've tried third-party tools, only to find them time-consuming and frustrating. We'd spend more time laying out pages than improving the design system itself. After much moaning about this to my co-founder, our lightbulb moment arrived, and FigMayo was born (possibly while I was snacking on mayo).
The concept is simple: most of the essential documentation already exists in Figma. We just needed a way to package it in a user-friendly format for our entire team, from product to engineering and marketing. By turning Figma assets into a website, we avoid the headache of using another tool. This also encourages better organization and hygiene in Figma, as what you see in Figma is what you get on your site.
We let you pull in colors, type, effects, components, notes, links and let you add in additional documentation too (this will be expanding massively soon). We also let you combine multiple libraries into a single site - this has the advantage of unifying design systems that are split out across multiple libraries.
And that's just the beginning! We've got a ton of exciting features in the pipeline, including variables, a dedicated plugin, changelog, and we're eager to dive into development now that the foundation is set. Our core mission remains the same: let designers focus on Figma, and we'll handle the presentation for you and your team. We canβt wait to hear your feedback.
Cheers
Congrats and all the best @drop_wallet@mikeymiller
Being a PM myself, this would mean a lot to designers and sure time saviour. Will give this a try in my next venture.
btw, we launched AppSave today and would love to you drop by and leave us a feedback!
@drop_wallet@mikeymiler Congrats on the launch! I have used Figma a lot of time and know the importance of design system. The most interesting thing I found in your product is the real-time sync with the figma. BTW: we have also launched our product AppSave on PH, would love if you drop your feedback.
Firstly, thank you, @drop_wallet and @mikeymiller letting me hunt FigMayo! π
I came across FigMayo while looking through Design Twitter and gave it a try. I was impressed with how hands-off it is compared to anything else I've tried on the market. Within 5 minutes, I had this enormous design system automatically well organized and sharable.
From my experience, I believe the output is valuable for engineering and marketing teams and can easily make a design system in Figma the source of truth. Brand and marketing can easily reference styles along with added design details, and for engineering, they can have Storybook links automatically connected to the latest design and component updates.
@mikeymiller@brendanciccone Thanks for hunting @brendanciccone, you've touched on the key issue we are trying solve β making it easier and more hands-off to create and share this documentation. We're excited to expand the feature set to let you add richer contextual documentation from Figma (alongside lots of other cool additions)!
FigMayo
AppSave by Appscribed
FigMayo
FigMayo
FigMayo