📣 FigMayo variables are now in Beta 📣 Automatically sync your variables from Figma to FigMayo. We’re super excited to start testing this one! If you want to join the beta test, get in touch and we’ll switch them on for you - for free! #figma #designsystem

✅ Don’t overcomplicate the process — it’s a product, start small and iterate fast ✅ Have some loose metrics to measure progress — these can be simple but will help get buy-in

✅ Start with the essentials - what is the smallest slice you can deliver to get moving? ✅ Sell the value! Set the narrative around why this will help ✅ Adoption is key. Get some core allies across teams — a successful DS is one that’s actually used!

Starting your company’s first design system can be intimidating. It doesn’t have to be! We’ve written a few thoughts about this challenge here. https://t.co/HQ6eSD8nNI

Big fan of FigMayo it’s my number one recommendation as a tool for #DesignSystem documentation especially for DS teams of one / smaller teams Why 🧵 https://t.co/IQinlm4tJz

Prop table on the way! this will lay out the structure of your components and let you see variants, booleans and instance swaps. We'll also show nested components — this will give you an idea of how complex components are constructed. This is all generated automatically 🪄 💫

I built a design system from scratch; spent weeks to launch. And no one used it... 3 mistakes I made (so you don’t do the same): 👇👇👇

Focus on sharing the message NOT sharing the file. Focus on quality of context NOT quality of shadows. Focus on being a product enabler NOT the component police. If you use Figma, then @fig_mayo is your best option. Happy building!

We've got our first prototype up and running that lets you add any frame from @Figma to your FigMayo site! This will let you add detailed documentation from Figma and attach them to components. All rendered in HTML & CSS - still a bit rough but almost there. @disco_lu

Thanks for all the support so far on Product Hunt! It’s very cool seeing all your @Figma design systems being instantly turned into fully-fledged doc sites like this 👉

We’re now live on Product Hunt! Shameless request for your support incoming. If you have a Product Hunt account we’d be grateful if you could throw a vote our way. (A jar of mayo will follow in the post 😜)

Some updates coming this week! 📄 Notes attached to type and colour styles will now be included. 👁 Boolean properties will be shown on components that have them, with the default setting visible. 🖊 Custom fonts! You can upload these so your typography styles display correctly.

Thanks for sharing 🙏 Let us know how you get on if you give it a try, we're hungry for feedback right now!

Looks awesome 😍 Thanks for sharing!

Making good progress getting #figma variables into https://t.co/jnmfc6W3QJ. Exploring some options on how we handle nesting/filtering of variant groups. Will be nice to browse these easily - our current set is expanding at a rapid rate!

We've been working on adding a change log to FigMayo. This will surface all edits you make to your published Figma libraries. Currently, it's hard to see what's been added/edited/deleted from a library - this should make it a lot easier to track what has changed and who-dunnit.

Awesome! Your site looks amazing ❤️

Super excited to get going on our documentation plugin. This badger will let you attach and publish rich text and images alongside your components. Going to be rad 🤘

Thanks for sharing! ❤️

Adding the ability to let you copy different code formats from your #figma styles 🎨 This is all built automatically from your FIgma library 📷💫