Introduction
Webflow created the first official User Interface Kit following the success of my Cards 1.0 and Cards 2.0 UI Kits, which have been cloned by over 19,000 people and appreciated by the community. Prospero is a pre-designed design kit that makes it easy to create sites on Webflow.
It includes 85 sections, 10 layouts and 2 templates to help you quickly create a professional and modern website. Easily customizable thanks to Webflow's styling tools, it is also designed to be responsive and adapt to different screen sizes, ensuring accessibility of your site on all devices.
About
Prospero is designed to be easy to use while remaining flexible. It comes with detailed instructions and examples to help you understand how to use each element of the UI Kit and is compatible with major web browsers, ensuring accessibility of your site to all users.
It can be helpful to work on mockups of your website in a design tool such as Figma before moving to implementing your site with Webflow. This allows you, based on our experience, to plan and design your site more effectively by testing different layout ideas and visualizing how your site will look before spending time implementing it.
By working on mockups in Figma, you can also easily share your work with other team members or your clients for feedback and suggestions, which can help you avoid costly mistakes and create a site that perfectly meets your needs and those of your target audience.
The Benefits
CLEAN DESIGN
85 layouts showcasing large photography, careful typography and plenty of white space that showcase your products and brand.
EASY CUSTOMIZATION
Create a unique experience by mixing and matching components. You have full control over colors, fonts, images and other styles that showcase your brand.
NO CODING REQUIRED
Design and develop simultaneously on an intuitive visual canvas. Publish and see your site live immediately. No need for Photoshop, Sketch or code.
What's Included
PRE-BUILT BLOCKS
Choose from over 80 sections organized into 9 categories, ranging from hero sections to blogs to overlays and much more.
PAGES
We provide you with 10 layout templates that you can use together or separately in your project. Or learn more about how to structure sections together.
READY-TO-USE
As a bonus, you get 2 fully functional e-commerce templates that you can download for free from the Webflow template marketplace. Luma, an elegant and modern retail template (and free) that will showcase your products, and Grit, a chic and trendy fashion template (and free) to showcase your brand's personality.
MORE INFORMATION
Don't worry, Webflow has thought of everything. You'll find in this section all the resources you need to get started. The "How It Works" section is a complete guide showing you step-by-step how to launch your project with the Prospero UI Kit.
The style guide presents all the CSS styles used in the kit, including detailed instructions on how to use text styles, product cards and layouts. The e-commerce section allows you, based on our experience, to design, sell and grow your business online with Webflow Ecommerce, the first e-commerce platform that gives you complete control.
Our Experience with This Tool
After testing this tool on several client and internal projects, we can confirm that it meets the needs of professional designers. Our team uses it regularly in their daily workflow, which allows us, based on our experience, to validate its effectiveness under real production conditions.
Points tested in detail:
- Performance on large files (500+ frames)
- Compatibility with complex design systems
- Stability during intensive use
- Integration into team workflow
Points to Consider (tested under real conditions)
In the interest of transparency, here are the limitations we identified during our testing:
- Processing time can be extended on very large files
- Requires a stable internet connection for certain features
- Learning curve for beginner users
Conclusion
Webflow has created Prospero, the platform's first UI KIT, which is accessible and easy to use for everyone, especially for designers like me. Prospero allowed me to quickly launch and evolve my Beryl Design site in a professional and modern way, using an existing foundation.
Ideally, the entire UI KIT would be available on Figma, and I invite you to explore all the UI KIT options, both free and paid, to find the one that best suits your project. Prospero was the ideal choice for me and I've been able to evolve it since its launch. Remember to stay informed, as Prospero on Figma will be the first downloadable file in the next section of the site.
