SpiroKit
Prototype your next app in one sitting
Start new thread

SpiroKit - Prototype your next app in one sitting

by
•
SpiroKit is a design system for mobile applications.
It includes a collection of carefully crafted components and design principles to quickly transform an idea into a product.
It’s easy to customize, and with a strong focus on development experience.

Add a comment

Replies

Best
Maker
Hi Product Hunt! Mauro here 👋. Creator of SpiroKit. A design system for mobile applications. I've been working on SpiroKit in public for the last three months, and today I wanted to share with you the first phase of the project: 🚀 SpiroKit for Figma: ⭐️ It includes everything you need to start prototyping your next mobile app. ⭐️ It's easy to customize to match your brand. ⭐️ Built on top of features like auto-layout, variants, constraints, and shared styles. Given that I'm a software developer, my vision for this product is to allow indie hackers to prototype, build and publish their next app. That's why the next phases of the project will be focused on helping you with your app's development: ⭐️ Accessible React Native components + Storybook interactive documentation. ⭐️ Expo template with everything you need to kickstart your next project. I look forward to reading your comments and learning from your feedback. Please let me know if there is anything I can help you with. Thank you for the opportunity to showcase my product.
Just what we need to improve our UI wireframing
Maker
Nice to hear that, Stewart. Please let me know if you have any question about the product. Also, my DMs are always open on Twitter.
congrats on the launch Mauro 🚀 🥳
Maker
Thanks for joining the conversation! And for your kind words. Let me know if you have any question. I'm here to answer.
Very nice kit guys! Congrats on the launch guys!
This looks like such a useful app! I could have definitely used it 3 months ago! Hope to use it in the near future!
Maker
Thanks for your feedback! Please let me know if you need it in the near future. I could offer a special early bird discount :)
Thank you! I definitely will! Good luck!
Hunter
Finally a mobile-first design kit. Great work Mauro! 👊
Maker
Thanks for the hunt, Jim. I really appreciate your support!
I came here to see just a collection of design components, but it's actually baked in with design principles to guide you through prototyping your app. Have never seen that before. Great work 🔥
Maker
Thanks for your kind words, my friend! I did my best to create something useful for devs like me, who are not design experts, but they want to build great apps without wasting time 😉
Fantastic to see this launch - well done lots of hard work, care and attention have gone in to this and it will save many hours of design and dev time 😀 also it looks awesome!
Maker
Thanks for your kind words, Simon! Can't wait to keep building this product!! And also thanks for your support as always!
It is really interesting! Will it work at mobile? Like no code? Congratulate launch! 🚀
Maker
Thanks for joining the conversation Mikhail. In the second phase of the project, I will be working on building the React Native components to drastically reduce the amount of work needed to build an app, but it will require code skills from who wants to use it. At the moment, I'm launching the Figma version, so no code skills required at the moment 😉 Here is a preview in case you want to check it out: Let me know if you have any additional questions, and thanks again for your feedback.
Great! Waiting when it became React! But prototypes in Figma so good too=)
Maker
Yeah! The Figma template will serve as a foundation for everything that comes later. Can't wait to start building those React Native components!
The product is looking great, I will give it a try soon to see how it can provide users with more info. I quite like the smart tips and customised segments.
Maker
Thanks for your feedback, Soma. If you have any question, my DM's are always open on Twitter 🙂
Congrats on the launch Mauro!
Maker
Thanks for joining the conversation Dawn!
As a dev, I don't want to waste time defining design rules for every app I build. SpiroKit does that for me and allows me to easily build prototypes of my apps' screens using Figma, so I can focus on the code.
Maker
I think right now Figma is the best tool to quickly prototype. Besides, you have infinite plugin options to improve even further your workflow. Now, I'll be working on the next step: Build those React Native components with an interactive documentation so you don't need to waste time building each component.
This is going to save us developers so much time, thanks for making this! Cheers
Maker
Thanks for sharing your thought, Lamine! Totally agree. My goal is to solve as many issues as I can so developers can focus con business logic instead of dealing with UI problems.
123
Next