Relume.io is an online tool powered by AI that generates sitemaps and wireframes to be used during the design and development phases. With features like rapid iteration, exports to Figma or Webflow, copy suggestions, and access to an extensive component library governed by a robust design system, it enhances workflow efficiency.
At CBTW, our UI designers found it valuable for time savings, enabling them to dedicate more focus to enhancing the user experience. While other AI-powered tools showed promise, they often fell short in delivering final results or lacked key features to seamlessly integrate into our design process. From the first demo, Relume impressed us with its clarity and ease of use—there were no hiccups, and it was immediately clear this tool would be a major asset. Unlike many others, Relume delivers exactly what it promises. By harnessing AI, Relume.io enables designers to quickly generate website layouts, iterate, and refine sitemaps and content in real-time, freeing up valuable time for design, testing, and other essential tasks to deliver top-quality websites.
One major advantage of Relume.io is its seamless integration with Webflow and Figma. This allows designers to work smoothly across platforms, exporting components created in Relume to Webflow for development or to Figma for branding. These components are part of a complete design system, ensuring consistency throughout the project.
However, it’s important to note that AI-generated results can sometimes be generic. While they provide a good starting point, they often don’t meet the high standards of customization that CBTW offers its clients. At CBTW, our designers use Relume’s suggestions as a foundational layer, ensuring that the final product is tailored to meet each client’s unique needs and expectations.
How does it work?
Relume.io uses a structured process that harnesses AI to simplify and speed up website design. It starts with an initial prompt where users input key details such as the site’s name, business activity, goals, and highlights. From this, the AI generates a sitemap, giving an overview of the site structure.
This sitemap is then turned into wireframes for each page, visually representing the layout. The wireframe text can be easily adjusted with AI’s help, allowing for quick content customization. Users can also modify sections using suggestions from Relume’s component library, providing flexibility and creativity in design.
Once satisfied, users can export the wireframe to Figma for design and branding or Webflow for direct development. This process ensures a smooth transition from concept to a functional website, with AI assisting throughout to enhance efficiency.
The team at Relume is constantly improving their tool, with exciting updates on the way, such as UI style guide features and a steady stream of new components. They also actively engage with their user community to ensure future developments align with designers’ and developers’ needs.
So, no need for designers anymore?
Relume.io – like other AI tools – won’t replace designers but empowers them by automating repetitive tasks, freeing up time for creative and strategic work. While it handles technical execution, design still requires human empathy, creativity, and problem-solving—skills that can’t be automated. Designers create emotionally resonant experiences, collaborate with stakeholders, and iterate based on feedback. Tools like Relume.io enhance efficiency, allowing faster iterations and enabling designers to focus on high-level decisions, innovation, and personalization.
How our UI designers use it
CBTW’s Product Design team plans to strategically test and integrate Relume.io into its design process. It will be employed during brainstorming workshops to quickly generate visual ideas and initial mockups, fostering creativity within the team. For rapid iterations, Relume.io will allow UI designers to produce and test various interface versions quickly, speeding up client validation. For urgent projects, such as event-based websites, the tool will be especially valuable, offering a solid foundation that can be rapidly customized. However, CBTW will maintain its bespoke design approach, using Relume.io as a starting point while ensuring the final product fully reflects each client’s unique identity and our high standards.
Conclusion
In conclusion, Relume.io offers undeniable benefits through its AI-driven approach and integration with popular tools, but it also requires close attention to the quality of its output and additional customization to meet our specific client needs.
Our team looks forward to leveraging this tool in upcoming projects, continuously refining our design process to deliver customized, high-quality solutions.
Interested to get more professional insights like this article? Good news, our Product Design community shares them monthly in our Product Design Newsletter, to which you can subscribe here.