Subscribe
Sign in
Stylebit — Measure, analyze & boost design system adoption
Easily analyze and measure design system impact. From components analytics to variables. With Stylebit you can understand how design system is being used and boost the adoption. Supporting React, React Native and Web Components, native platforms coming soon.
170
Replies
Khachatur Virabyan
Maker
📌
👋 Hi folks!
We launched Stylebit in 2023 to help designers and engineers work faster together. Since then, we listened to your feedback carefully and created entirely new thing.
Please meet Stylebit, a platform to measure & analyze design systems 🚀
You can now analyze, measure and boost adoption of your design systems. Track components, variables/tokens and make better decisions.
What you can do now?
🎉 Track design systems created in React, React Native and Web Components, get information about your variables/tokens usage in scss/css. Native platforms are coming soon (iOS, Android).
🚀 Track adoption rate, usage rate, prop usage, files in which variables are defined and used. You can get higher level visibility into whole design system usage in the code. Very soon our AI chat bot will be available, so you can just ask your design system questions!
🗒️ Create reports to share with your team members. Configurable digests help you keep anybody who is interested in design system progress in the loop, weekly? Bi-weekly? Monthly? We got you covered!
🥁 Last but not least - custom metrics! Very soon you'll be able to track your own custom metrics around your design system, stay tuned!
Please check out:
- Demo playground - https://demo.stylebit.io/
- Documentation - https://docs.stylebit.io/
- Our website - https://stylebit.io/
You can sign up and start using Stylebit for free today.
Your support has been essential to our growth, and we look forward to your continued feedback and questions.
Let’s make design systems better, together. 🚀
Please join our partner program (https://stylebit.io/partners), and help others to level up their design system game!
Wait, we have more! With PH24 promo code you will get 50% OFF on every plan.
Thank You!
🙏 A special mention to @benln for introducing us on ProductHunt!
Share
Maker
@samvel_martirosyan That's a great insight. We are experimenting with interesting stuff on how we can get analytics of users from a design perspective, A/B test it's preferences and other stuff.
Maker
@abhilash_chowdhary Thank you very much, please do let us know how we can help!
What a great product. Big congrats on the launch team, best of luck to you today ♥️🦄
Awesome @kh_mugh! As a designer I know how important is to understand how design system is being used. Glad to see you helping on that! Kudos team
Great product! Taking data analytics down to the component level. Since I haven't been writing React for a long time, I have some questions: From what you know, how many projects need such detailed analytics? And in your product, is it possible to perform data comparison between multiple child components under a single parent component?
Maker
@rick_fan Thank you! Products which want to support their own design systems, or analyze a 3rd party one to understand if the usage is high enough to build own design system. And Yes! We analyze the component tree so we can see how child components are used under the parent. With upcoming CLI updates we will make it more granular.
Congrats guys on the new release! This looks awesome and could be helpful specifically for startups who seek to hack their growth potential. Keep up doing an amazing job ;)
Maker
@frunjyan Thank you! Product companies are often faced with a question of "Do we need a design system?". They finally have an answer :)
Great, congratulations! Your release is awesome and very helpful for product design consistency, as well as team productivity. Going to try :))
Congrats on the launch!
Great product, do you have a proper documentation? How should I use it?
Maker
@patelnachiket thank you! Yes for sure! Here's our documentation https://docs.stylebit.io/
We are improving it every day ;)
Hey 👋
I'm thrilled to announce that we have come up with a new Stylebit product. 🚀
The CLI tool is available on the npm registry https://www.npmjs.com/package/@s...
As the CLI runs on the codebase, the main question we are always asked is, 'IS IT SECURE?'
The short answer is YES 📌, it's secure.
Just couple of points:
1. Offline Usage:
🌐 "Run Stylebit CLI offline without an internet connection."
2. Dry Run Mode:
🏃♂️ "Execute Stylebit CLI in --dry-run mode to store results locally."
3. Self Hosting:
📦 "You can check the report file and upload it to app.stylebit.io manually through our web interface or host on your own."
For more detailed answer check out the security section in the documentation https://docs.stylebit.io/security 🗒️
@stylebit @s @movses_saponjyan I remember the first days of Stylebit. It's wonderful to see this much growth!
Thank you so much @liana_karapetyan7 for your kind words, we truly appreciate it ! ✨
It's really been an incredible journey since the early days.
Good tool. Just sent it to a colleague who is a front-end team lead to explore it. Do you provide a free version?
Maker
@liana_karapetyan7 Thank you! Yes, we have a free tier which is free FOREVER! Please try it out, we will be glad to help! 🙏
congrats on the release boys, excited to continue to see you building useful things 🚀
Seems interesting, I have some questions, how you can integrate into enterprise stack? And what if I have 20-30 projects using a design system how can I track everything in one place?
Thank you very much! We have an enterprise tier, in which we support custom stack and can deploy Stylebit on premise, in combination we are in progress for the security compliance! In the very near future we gonna release a small features with which you can group different projects together and see all their reports in one place!@diana_virabyan
@hovo_ghevondyan1 Nice! Larger enterpries which have numerous departments can have a benefit, also the companies with dedicated design system teams for sure!
Congratulations on the launch! Stylebit appears to be an essential tool for most product companies. Have you considered the possibility of enabling users to define their own custom metrics? It's an idea that could further enhance the platform's flexibility and usefulness
This is really interesting and challenging! Does it generate any downside on the app speed performance?
Maker
@ncaccia thank you! we are only running the analysis on the build time, so no downside there :)
