From Figma to Functionality: Dominique’s Capstone Project
Sigma School
24th January 2025
Meet Dominique, a French UX/UI designer with a passion for crafting beautiful and functional digital experiences. Currently living in Thailand, Dominique joined Sigma School to sharpen his coding skills and take his design expertise to the next level.
With a strong background in user interface design, Dominique wanted to create something that bridged the gap between design and development—a platform that showcased both his creativity and technical acumen.
As a Webflow template designer, Dominique recognized a significant challenge within the community: limited platforms for promoting templates. While existing marketplaces exist, many designers struggle to gain visibility and increase their sales.
Dominique envisioned a dedicated platform, Templl, to empower Webflow template designers by providing a space to showcase and market their templates effectively. Temple is a marketplace tailored specifically for freelance designers and agencies who design templates as a significant part of their income.
The platform allows designers to upload, manage, and promote their templates while providing potential customers with a streamlined browsing and purchasing experience. In essence, Temple creates a win-win scenario for designers seeking visibility and buyers looking for high-quality Webflow templates.
Reproducing his Figma designs into JSX and CSS using tools like Tailwind CSS required a steep learning curve. Breaking the design into manageable components and structuring the React application helped him navigate this challenge.
Implementing CRUD operations with Redux proved to be complex. Debugging and ensuring smooth functionality were significant hurdles, but Dominique gained a deeper understanding of Redux and debugging techniques with guidance from Sigma School mentors.
Setting up and hosting the backend API was another major challenge. Dominique used PostgreSQL with Neon, created APIs with Express.js, and hosted them on platforms like Vercel and Firebase. Support from Sigma School mentors, like Safa, was instrumental in overcoming these obstacles.
Dominique also incorporated Google AI to dynamically generate template descriptions. This unique feature required him to dive into third-party API documentation and experiment with integrations, a skill he honed during his capstone journey.
These challenges pushed Dominique to step outside his comfort zone, reinforcing his problem-solving mindset and technical capabilities. His perseverance and Sigma School’s collaborative environment played a crucial role in bringing Temple to life.
Dominique’s capstone project, Temple, is more than just a platform; it’s a testament to his dedication, creativity, and ability to merge design with development. By addressing a real problem within the Webflow template community, Dominique has created a tool that benefits both designers and customers.
Along the way, he learned invaluable skills, from integrating APIs to managing state and hosting applications. Temple stands as a proud achievement for Dominique and a shining example of what Sigma School students can accomplish.
If you’re a Webflow template designer looking for a platform to showcase your work, Dominique’s Temple is the place to be. And if you’re considering learning to code and bringing your own ideas to life, Sigma School is here to guide you every step of the way.