Prototype your next app in one sitting
Start new thread
Jim Raptis

SpiroKit - Prototype your next app in one sitting

by
BrandBird
•
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
Mauro Garcia
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.
Stewart Barrett
@mauro_garcia1 Just what we need to improve our UI wireframing
Mauro Garcia
Maker
@stewup 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.
rinas 🧑‍💻
@mauro_garcia1 congrats on the launch Mauro 🚀 🥳
Mauro Garcia
Maker
@onerinas Thanks for joining the conversation! And for your kind words. Let me know if you have any question. I'm here to answer.
Csaba Kissi
@mauro_garcia1 @draptis Very nice kit guys! Congrats on the launch guys!
Preeti Chovoor
This looks like such a useful app! I could have definitely used it 3 months ago! Hope to use it in the near future!
Mauro Garcia
Maker
@preeti_chovoor Thanks for your feedback! Please let me know if you need it in the near future. I could offer a special early bird discount :)
Preeti Chovoor
@mauro_garcia1 Thank you! I definitely will! Good luck!
Jim Raptis
Hunter
Finally a mobile-first design kit. Great work Mauro! 👊
Mauro Garcia
Maker
@draptis Thanks for the hunt, Jim. I really appreciate your support!
Dagobert Renouf
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 🔥
Mauro Garcia
Maker
@dagorenouf 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 😉
Simon Barker
Fantastic to see this launch - well done @mauro_garcia1 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!
Mauro Garcia
Maker
@simon_barker1 Thanks for your kind words, Simon! Can't wait to keep building this product!! And also thanks for your support as always!
Michael Bogdanowicz
It is really interesting! Will it work at mobile? Like no code? Congratulate launch! 🚀
Mauro Garcia
Maker
@mikhail_bogdanovich 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: https://www.figma.com/file/C7GmM... Let me know if you have any additional questions, and thanks again for your feedback.
Michael Bogdanowicz
@mauro_garcia1 Great! Waiting when it became React! But prototypes in Figma so good too=)
Mauro Garcia
Maker
@mikhail_bogdanovich Yeah! The Figma template will serve as a foundation for everything that comes later. Can't wait to start building those React Native components!
Soma Talukdar
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.
Mauro Garcia
Maker
@soma_talukdar Thanks for your feedback, Soma. If you have any question, my DM's are always open on Twitter 🙂
Dawn Veltri
Congrats on the launch Mauro!
Mauro Garcia
Maker
@dawn_veltri1 Thanks for joining the conversation Dawn!
Paula Santamaría
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.
Mauro Garcia
Maker
@pauxdsantamaria 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.
Lamine
This is going to save us developers so much time, thanks for making this! Cheers
Mauro Garcia
Maker
@lamine 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
Last