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.
π 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!
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 ποΈ
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!
@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!
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?
@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.
Report
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! π
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 ;)
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! π₯
Replies
Trag
dzook
Trag
Chronoscope
Trag
Trag
Trag
dzook
Trag
Unofficial Product Hunt Chrome Plugin
Trag
Unofficial Product Hunt Chrome Plugin
Trag
Sider: AI Research Agent & Extension
Trag
Signlz AI
Trag
Signlz AI
Trag
Jamie
Trag
Trag
Trag
Trag
Trag
dzook
Trag
dzook
Trag