Ben Lang

Stylebit - Measure, analyze & boost design system adoption

by
Top Product
β€’

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.

Add a comment

Replies

Best
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!
Khachatur Virabyan
@benln @liana_karapetyan7 Thank you very much πŸ₯³
Khachatur Virabyan
@benln @patrick_goulet Thanks! Good luck on your upcoming launch!
Movses Saponjyan
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 πŸ—’οΈ
Liana Karapetyan
@stylebit @s @movses_saponjyan I remember the first days of Stylebit. It's wonderful to see this much growth!
Movses Saponjyan
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.
Rick Fan
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?
Khachatur Virabyan
@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.
Ben Frunjyan
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 ;)
Khachatur Virabyan
@frunjyan Thank you! Product companies are often faced with a question of "Do we need a design system?". They finally have an answer :)
Khachatur Virabyan
@frunjyan Thank you!
Liana Karapetyan
Good tool. Just sent it to a colleague who is a front-end team lead to explore it. Do you provide a free version?
Khachatur Virabyan
@liana_karapetyan7 Thank you! Yes, we have a free tier which is free FOREVER! Please try it out, we will be glad to help! πŸ™
Khachatur Virabyan
@liana_karapetyan7 thank you for the support!
Gevorg Nazaryan
Great product, I love it! Congrats on your launch! πŸš€πŸŽ‰ It's always important to have efficient and effective tools. Your product revolutionizes how design systems are tracked and adopted, removing the guesswork from understanding their impact. πŸ”πŸ“Š With its capability to provide clear data, it empowers teams to make smarter design decisions, fostering a more streamlined and impactful design process. πŸ“ˆπŸŽ¨ Stylebit is a vital asset for anyone serious about elevating their design strategy and execution. πŸ’‘
Khachatur Virabyan
@gevorg_nazaryan1 Thank you very much! We are very excited to help product teams maintain better design systems!
Movses Saponjyan
@gevorg_nazaryan1 thank you for appreciating our product! Your support means a lot to us.
Diana Virabyan
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?
Hovhannes Ghevondyan
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
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!
Hovhannes Ghevondyan
@diana_virabyan yes! thank you!
Congrats on the launch. Analytics for design systems never crossed my mind. Do you mind sharing the research or insights that led to the creation of this? My background is coding, not design, but I find this super fascinating. Fantastic work Stylebit team!
Khachatur Virabyan
@jgani thank you very much! We were building a small sync engine from Figma to GitHub, our customers reach out to us and told about this problem that they are facing. They have a design system and they don't know how it is being used. So... We built it!
Khachatur Virabyan
@jgani Amen to that! That is the only source of truth that matters ;)
Mayoyo From saasuserboost.com
Hello Khachatur and team! First off, a huge congratulations on the evolution of Stylebit since its launch in 2023! Your commitment to listening to user feedback and creating something entirely new is truly commendable. Stylebit is a game-changer for designers and engineers collaborating on projects. Kudos on the partner program initiative – it's great to see the community support. Trust me, the Product Hunt community will fall in love with Stylebit! Thank you for creating a tool that empowers teams to make better decisions. Looking forward to more success and innovations from the Stylebit team! πŸ™Œ
Khachatur Virabyan
@mayoyo25 Hey Franklin! Thank you for the support and kind words! We are very committed to the community, we got a tons of help from it and need to give back :)
Khachatur Virabyan
@mayoyo25 πŸ₯³
Karine Martirosyan
Looks promising, should give a try definitely. Do you support ReactJS? Our web part is on React.
Khachatur Virabyan
@karine_martirosyan_ Thank you! Currently for the web we are supporting React, for the upcoming releases we will support Vue, Angular and Svelte.
Samvel Martirosyan
I suppose it can create bridges with neuromarketing in the future
Khachatur Virabyan
@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.
Trang Pham
Cool to know that there is a tool to measure & analyze design systems. How easy it is to access for someone who is not a professional designer?
Khachatur Virabyan
@tranggpham Thank you! We currently offer a quick setup, you only need an assistance from one engineer for couple of minutes. In the future we plan to decrease that time to seconds and involve engineers as little as possible :)
Khachatur Virabyan
@tranggpham thank you!
Louis Morgner
congrats on the release boys, excited to continue to see you building useful things πŸš€
Khachatur Virabyan
@louismorgner Thank you mate! You always push forward it's an inspiration ;)
Movses Saponjyan
@louismorgner your support is truly appreciated! πŸš€πŸ˜Š
George Gevorkian
@louismorgner thank you very much for your support!
Benedikt BΓΆringer
This just makes everything so much easier! I love it !!
Movses Saponjyan
@benedikt_fb thanks for the support!!!
Leo Wendler
Congrats on the launch @kh_mugh @movsessaponjyan and the rest of the team. Already love Stylebit
Khachatur Virabyan
@movsessaponjyan @leo_wendler thank you, we are very excited to make this public!
Movses Saponjyan
@leo_wendler thanks for your support.
George Gevorkian
@kh_mugh @movsessaponjyan @leo_wendler Thanks and we are excited for your support!
Edena
Congratz on your launch. This is a very exciting product. I will test it out in the future.
Khachatur Virabyan
@edena thank you, please let us know how we can help :)
Movses Saponjyan
@edena thanks for your interest
Nuno Reis
Design system handoff and adoption is really tricky, especially if the system has to change fast. Hope you all have a great launch, and hope to see what comes off of this! πŸ”₯
Khachatur Virabyan
@nuno_ms_reis Thank you very much!
Movses Saponjyan
Thanks for your kind words @nuno_ms_reis
Robert Sargsyan
Great product! Congrats!
Nachiket Patel
Congrats on the launch! Great product, do you have a proper documentation? How should I use it?
Khachatur Virabyan
@patelnachiket thank you! Yes for sure! Here's our documentation https://docs.stylebit.io/ We are improving it every day ;)
Movses Saponjyan
Hey @patelnachiket , thanks for the interest.
Gor Lavchyan
Congrats! Can Stylebit help identify potential bottlenecks or areas of improvement in the design system adoption process?
Khachatur Virabyan
@gor_lavchyan Yes! You can see any potential misuses of the design system in the reports :) Find it fast, and fix it fast!