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.
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
Report
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!
Report
@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.
@mikeymiller@imraju Thanks for checking us out, will take a look at appshare!
Report
Hunter
📌
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)!
Report
Thanks for hunting this! This is something I've been trying to solve for a while now. I'm excited to try this out and let you know how it goes. Keep up the great work!
@plutus_stein It's free to try so sign up and let us know how you get on!
Report
@drop_wallet Congrats on the launch! I think many teams are using Storybook to manage design systems and components, but I also found out this would increase the communication cost between designers and engineers. Also, the storybook is often out of date. FigMayo looks like a great option to improve the workflow and make designers focus on the design!
@atsuhiro_teshima thanks for the support! Storybook is great for exploring the concrete implementations of your components. We aim to give you a way to explore the design work before engineering have picked it up. This can help take pressure off engineering as FigMayo can surface issues really quickly before any dev work has been done.
@stephanie_hubbard Thanks, would love you to try it and give us some feedback.
Report
It's nice design for figma users with little bit more customisation as well as acceptable UI design. And also contains lot's of template which helps to start from scratch.
@narendra_solanki Great question. It's as simple as republishing your site. We'll then update with all the changes from your Figma lib. This means it's super easy to keep everything in sync - no more managing changes in two places.
@drop_wallet That sounds incredibly efficient and user-friendly! The ability to seamlessly sync changes from Figma directly into the documentation without manual intervention is a huge time-saver. It's great to hear that FigMayo addresses one of the major pain points in design documentation. Are there any additional features in the pipeline that further streamline the process or enhance the user experience? Looking forward to seeing how FigMayo evolves!
@narendra_solanki We have lots of new features on the way. We're excited to launch our plugin soon which will let you attach additional documentation to components from Figma (link any frame to a component which will open in a modal).
We also have support for variables coming soon, a changelog that surfaces updates from Figma AND a we have a prototype up and running to generate your components in code, so you can play with actual CSS/html. Roll on next year!
FigMayo
FigMayo
FigMayo
FigMayo
FigMayo
Scribble Journey
FigMayo
Middleware
FigMayo
Middleware
FigMayo