Subscribe
Sign in
Stylebit 0.1 — Central hub for design collaboration
Make your design process simpler: Stylebit is a tool for teamwork and collaboration. With Stylebit, you can easily share ideas, automate tasks, develop a design strategy and keep your design system in sync. No more confusion — just smooth cooperation!
198
Replies
Hey PH community, fellow hunters, and awesome people, I’m Khachatur, co-founder of Stylebit. 👋 Thank you, @chrismessina, for hunting us!
Today is a big day for us. We are excited to share our product with you! 🎉
Stylebit strives to become a central hub for design collaboration.
If you are tired of design inconsistencies, spending too much time just syncing with designers, PM’s around design, you want to create a good foundation for design operations, then it’s a match! 🥳
Stylebit Alpha allows you to keep your design system in sync across all teams and products.
Our aim at Stylebit is to enable teams to move faster with design, be confident when handing over, and play as a central hub for design knowledge and collaboration in your organization.
Our alpha release features are:
🤩 Sync the design system with the code base. (Figma, Github)
✨ Export code directly from Stylebit.
🎉 Control export and transformations of your design system (HEX->HSL, PX->REM)
🤝 Create style guides and documentation for your designs; with an enhanced editor, you can directly reference Figma assets.
✍️ AI assistance for writing documentation
Keep your design on track with Stylebit - stay in sync every step of the way, move fast, and we will keep everything updated!
Stay tuned for even more exciting features coming soon to Stylebit!
Check it out with our free tier! Or use LAUNCHSB promo code for 50% OFF! https://stylebit.io/
Thank you for your support! 🙌
We're all ears! Your thoughts and ideas mean the world to us. Don't be a stranger, let's chat! 🤗
Join the revolution of effortless teamwork today!
@chrismessina @kh_mugh Guys congratulations, it is really awesome. This will solve a lot of problems between teems.
Maker
@chrismessina @mariam_hambardzumyan We think that too, although we are doing our first steps, but the goal is to finally eliminated those issues between creative and engineering teams! Thank you!
Maker
Hey @narek_vardanyan ! Awesome, open to chat whenever it's best for you ;)
Maker
@anna_voskanyan Hey! thank you checking it out! Yeah we think that too, it can eliminate so much back and forth ;) happy that you've liked it!
@anna_voskanyan yeah, that's on of the best parts, it allows you to save time and have single source of truth.
Maker
Hey @ashotarzumanyan ! Awesome question, that is why we've put some attention on the code export part, so there can be a lot of cases where engineers just can't give an access to the repository, some policies or etc. So with code export engineers can grab the generated code from our side and paste wherever they have the need to!
Maker
Hey @georgy_melkonyan! Currently for our alpha release yes, in the near future we will have GitLab and Bitbucket from engineering side and Sketch integration for designers!
@arry_rlene finally someone got it :D thank you, hope to get the feedback from you !!!
Well done for the launch! I can see this being useful because we sometimes have discrepancies between design and code too.
I was intrigued to understand how your Figma + Github integrations work. On your website it's clear what the flow would look like in this case.
Could you elaborate?
Maker
Hey @ed_forson ! Thanks! For sure!
So user can connect their Figma account to Stylebit, and also connect Github account, with that we have the two way connection between the two!
So when the user will paste the link of the Figma file, we will keep the track of the Styles changes in the Figma file, so then if you want us to automatically open PR's we can do that! But write now we've left that decision to open a PR from a click of a button inside the app. We run numerous transformations on the data of the Figma file, for example to translate the color values, change the names, translate it to CSS or SCSS, etc.
Happy to chat more about this!
Hey @ed_forson thanks for the feedback.
Both figma and github provide public apis (https://www.figma.com/developers..., https://docs.github.com/en/rest)
So the integration is getting raw data from figma, apply any transformation in Stylebit like css, scss, json, tailwind etc. (We are going to provide public api for this)
Afterwards you can open pull request to github (which is fully configurable from stylebit) or download the code directly.
Maker
@ed_forson ahah great allegory ;) thank you! Good luck on the upcoming launch!
Maker
Hey @boris_atayan !! Thank you, can't wait to try new version of Leanbe!
Very cool! I feel like we need / will need this -- but not sure the right time... what do y'all see as the ideal stage for a company to codify their design system?
Maker
Hey @stedmanblake! The ideal stage is either the creation of the design system, or scaling it for a larger organizational support, from a stage wise best case would be companies from Series A and above! But with our free tier every company can just have Stylebit all along the way and when you start feeling the need to scale then you can pro!
Trag