Subscribe
Sign in
Stylebit
p/stylebit-alphaDesign system analytics
Start new thread
Chris Messina

Stylebit 0.1 - Central hub for design collaboration

by
Top Hunter
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!

Add a comment

Replies

Best
Khachatur Virabyan
Maker
📌
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!
Mariam Hambardzumyan
@chrismessina @kh_mugh Guys congratulations, it is really awesome. This will solve a lot of problems between teems.
Khachatur Virabyan
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!
Movses Saponjyan
Maker
📌
Hi Product Hunt community I'm the CTO of Stylebit. I want to present one of the feature, the Documentation feature, from engineering point of view. Have you ever wanted interactive documentation where you can download svg icons, grab the color hex codes and staff like that. - In Stylebit it's possible e.g. to download all the icons from figma right from the documentation. - possible to see the list of color styles and retrieve the code in the desired format like hex instead of rgb. - you can paraphrase the text with AI - get autocorrected text - and a lot more Though documentation feature created to make designers job easier (autogenerating documents for design system is coming soon) by providing context to design system like importing styles, strokes, vector components into doc. I think, we, as engineers, can highly benefit from it too. Give it a try and let us know what you think!
Victor Gorovoy
Seems like a good tool for designers to communicate all their work to developers. Is it really easier to use for developers? Can I, for example, show interactions with the element for them? Can I leave comments?
Khachatur Virabyan
Maker
@victor_gorovoy Thank you Victor! We are working on a next beta version where you designers can hand-over any piece of Figma with Stylebit, and and that point engineers and PM's can comment, discuss, request changes or updates. We will also automatically attach every piece of documentation that is relevant to that handed over design! In terms of interactions we will work on the updates to support shared prototypes from Figma!
Victor Gorovoy
@kh_mugh Great. It's a big opportunity to become ultimate tool for every project 🌟 Will be waiting for updates. Thank you
Kseniya Es
Congrats on the launch!) I'm interested, in which form you can see all the changes made in figma? For example, if the team decided to update code every month, would it be some "changes digest"? Or maybe some notifications or hints on elements that have changed? Best wishes for your project☀️
Khachatur Virabyan
Maker
Hey @kseniya_es! Thank you! Great question! We have a Slack and Discord integrations which are not live yet, where we will give you visual updates on the components and a data on how and what updates where made and in what frequency! So think of Stylebit as a hub where you can see the collaboration work on the design, like how many times things were updated, what documentation were shared and how the docs were used with our docs analytics! So stay tuned for the updates! ;)
Kseniya Es
@kh_mugh that sounds a bit like stealing some PM's tasks! In a good way, of course, guess they wouldn't mind :)
Khachatur Virabyan
Maker
@kseniya_es that's a good point! Essentially in the best case scenario this will become very valuable for PM's to get that information!
Paolo De Giglio 🚀
Congrats on your launch! 🎉👏 I'm super excited to explore what Stylebit has to offer. Can you tell me about some of the use cases and features of Stylebit? I'm especially interested in what AI assistance can do for writing documentation. 🤩 Thanks for creating such a cool product! Keep up the awesome work! 🤗
Khachatur Virabyan
Maker
Hey @paolo_degiglio! Thank you for the feedback! For sure! The main area Stylebit shines is where the organization has multiple products and design system should stay in sync across all of them, it's a very tedious process to sync everybody and just remember to update everything everywhere! Our goal is to generate style guides automatically so the AI assistance is just a tiny step towards that goal! Right now we offer rewriting and grammar correction! So for instance designers can just jot down their thoughts on on Stylebit just select and click, we will turn that rewrite everything to a professional piece of text! We have tons on places we can improve! Thank you very much for your words!
Hovhannes Ghevondyan
Maker
@paolo_degiglio thanks for interesting :)))
Eddie Forson
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?
Khachatur Virabyan
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!
Movses Saponjyan
Maker
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.
Eddie Forson
@movses_saponjyan Got it! That's very smart. Kinda reminds me of what dependabot does. Good luck!
Khachatur Virabyan
Maker
@ed_forson ahah great allegory ;) thank you! Good luck on the upcoming launch!
Eddie Forson
@kh_mugh Thank you 🙏🏿
Denis Galka
Hey awesome people! 😀 Congrats on the launch of your project on Product Hunt! 🎉 It looks great. Also great that you have collaborated with Figma. We use Figma on our startup. Sorry but I'm not sure I understand how Stylebit Alpha makes the design process simpler. Maybe it's all because I'm not a designer. But I am also curious about how we can use Stylebit Alpha in our working process and improve the work of our designers.
Khachatur Virabyan
Maker
Hey @denis_galka ! Thank you for the words! For sure! When you connect your Figma account to Stylebit we pull all the little details from the design, like fonts, spacings, icons, colors and a lot more. Now when you connect your Github account you can open a PR with just a click of a button, and we will bring every new changes designers made on the Figma file, they can just forget to tell you about new updates, we will bring them to you! Our alpha version still has a lot to add so we are working on it! If you are interested I would love to chat with you more on the topic! https://calendly.com/khachaturv/...
Tanmay Parekh
All the best for the launch @kh_mugh !
Khachatur Virabyan
Maker
@parekh_tanmay Thank you very much!
Norayr Margarian
@kh_mugh Good luck with the launch!
Khachatur Virabyan
Maker
@norayr_margaryan thank you very much!
Alexandra Kretova
Congratulations! Looking forward to test it with our design team!
Khachatur Virabyan
Maker
@alexandra_kretova1 Awesome! Let us know how we can help you with integration! :)
Tatiana Voronkina
Great design of the product. Will it be a light-theme to dark-theme switcher? I think it will be useful for accessibility. As for me light patterns are better during daylight time.
Movses Saponjyan
Maker
Hey @tatiankav sorry we missed your question. We are not on delivering light theme right now but working on a customization feature which will allow to manage your desired theme yourself including light-theme.
Ana
I like the feature of linking Figma to Github. and think a lot of designers and developers would appreciate it.
Khachatur Virabyan
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!
Hovhannes Ghevondyan
Maker
@anna_voskanyan yeah, that's on of the best parts, it allows you to save time and have single source of truth.
Larry Bekchyan
Amazing job @kh_mugh and congrats on the release! I've been looking for a solution to streamline design collaboration across teams and Stylebit seems to be the answer. I love the idea of having a central hub for all design knowledge and the ability to sync the design system with the code base. The AI assistance for documentation is a fantastic touch. The export and transformation control options make it even more versatile. I will definitely be trying out the free tier and using the promo code for 50% off. I am excited to see how this will revolutionize effortless teamwork. Keep up the great work! 🤗
Khachatur Virabyan
Maker
Hey @ilarion_bekchyan ! Thank you for the kind words! Will very happy to listen to you and the teams feedback! Thanks!
Bilal Niaz
This sounds like a great tool! I'll definitely have to check it out.
Khachatur Virabyan
Maker
Hey @bilal_niaz! Let us know what you think! Thank you!
Biata Tikhonova
Hey there.👋 First of all, your landing is fantastic 🤩 <3, as a product manager you're doing a great job by finding a solution to a big issue, thanks for that
Khachatur Virabyan
Maker
Hey @biata_tikhonova ! Thank you for the feedback and support!
Liana Karapetyan
Interesting! I shared this with our designer. How will the integrations work with existing design system?
Khachatur Virabyan
Maker
@liana_karapetyan7 Awesome! So the the way existing design system can be integrated, is that we allow to change the names of the exported design system, so either engineers can adapt how we export the design system to the existing one just by giving the same names, then they just simply replace the existing one, or the way we currently encourage is to just gradually transfer everything to Stylebit which is super easy to do! All in all with a very little no-code tweaks with our exporters and configurations will do the trick!
Anna Aleksanyan
Congratulations on your launch 🎉🎉 Right now you sync from the platform, will you be able to do that automatically?
Khachatur Virabyan
Maker
Hey @anna_aleksanyan2! Sure we will give that functionality very very soon! You can configure the frequency of the updates we make from Figma, but if you are a pro member in Figma, you will just give us your team ID and we will listen to the updates, no need to configure the frequency :)
Movses Saponjyan
Maker
@anna_aleksanyan2 figma provides webhooks for the pro members, we can track the changes and sync whenever style or component changes. For non pro figma user we will give users ability to configure the frequency of cronjob as @kh_mugh mentioned.
Hovhannes Ghevondyan
Maker
@anna_aleksanyan2 thanks a lot !!!
Stedman Blake Hood
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?
Khachatur Virabyan
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!
Khachatur Virabyan
Maker
@stedmanblake By the way! Good luck on the upcoming launch!
Kirill Krotko
An interesting solution for organizing work, success in development!
Ahmad Ali
Great idea! Congratulations on the launch
Khachatur Virabyan
Maker
Thank you @motiondock !
Ella Aghababyan
Good job, keep rocking!
Khachatur Virabyan
Maker
Thank you @ella_a !
Hovhannes Ghevondyan
Maker
@ella_a thanks a lot, doing our best !