Stylebit
Design system analytics
Start new thread
Chris Messina

Stylebit 0.1 - Central hub for design collaboration

by
Raycast
•
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!
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.
123
•••
Next
Last