How Arnau Ros Built Tilebit: A Component Library for Webflow, Framer, and Figma

‍Arnau Ros, is a designer and YouTuber with more than 70k subscribers, To simplify the design process for fellow designers and developers, he thought of creating Tilebit, a comprehensive library of components and inspirations for Webflow, Figma, and Framer.

Challenge

‍Arnau faced several challenges in bringing Tilebit to life:

1. Technical Expertise: As a designer and content creator, Arnau lacked extensive technical expertise in web development and backend integration required to build and manage a complex platform like Tilebit.
2. Content Organization: With a vast collection of components and inspirations spanning multiple platforms, Arnau needed an efficient system for organizing and categorizing content within Tilebit to ensure a seamless user experience.
3. Monetization Strategy: Arnau aimed to monetize Tilebit by offering premium features and subscription-based access to exclusive content. However, he wanted a platform that would allow him to manage not only payments but also taxes since it is international

Solution

‍I collaborated with Arnau Ros to address these challenges and bring Tilebit to fruition using a combination of no-code tools and platforms:

1. Webflow CMS: I utilized Webflow's CMS functionality to establish a structured content management system for organizing components and inspirations within Tilebit. This enabled Arnau to efficiently manage and update content across the platform.
2. Paddle: a leading subscription management platform, to facilitate seamless subscription management, payment processing, and revenue tracking for Tilebit. This enabled Arnau to implement a robust monetization strategy and offer subscription-based access to premium features.
3. Outseta: Outseta offers a comprehensive suite of tools for managing the essential aspects of a SaaS business, including payments (for this project we used paddles instead), authentication, CRM, help desk and email marketing. By centralizing these functions into one platform, Outseta simplifies the operational complexities of running a subscription-based business, allowing founders to focus on what truly matters: building and growing their product.
4. Custom Xano backend: To enhance functionality and interactivity, I utilized JavaScript and integrated Xano, a no-code backend, to handle dynamic data processing and API integrations within Tilebit.

Results

‍‍