Amplify UI
Figma Templates

We offer a collection of high-quality Figma templates for building websites using the AWS Amplify UI framework. Our templates are designed to save you time and effort, and provide a professional and consistent look for your projects.



Professional design

Our templates are designed by experienced professionals and are built with the latest design trends in mind.

AWS Amplify integration

Our templates are designed to work seamlessly with AWS Amplify Figma-to-Code feature, allowing you to easily build and deploy your website.

Easy customization

The templates are easy to customize and modify to suit your needs and preferences. Use Amplify UI Themes to change colors, fonts, layouts, and other design elements.

Responsive design

Our templates are fully responsive and will look great on any device, from desktop to mobile.

Example Source Code

We provide sample source code for each template, so you can easily get started with your project.


AWS Amplify Studio figma-to-code, allows you to quickly convert our Figma templates into cloud connected ReactJS components.

Updated regularly

Our templates are regularly updated to include user suggested improvements and to ensure that the designs are always up-to-date with the latest design trends and technologies.


Why use Templates?

Simplify your workflow and save time

  • Time saved: Using our Figma templates for building websites with the React JS Amplify UI framework allows you to quickly and easily design and develop professional-grade websites without having to start from scratch. This saves you a significant amount of time and allows you to focus on other important tasks.

  • Money saved: By using our Figma templates and AWS Amplify, you can significantly reduce the cost of developing a website. Instead of hiring a designer and front-end developer, you can do it all yourself and save money on labor costs.

  • User experience: The templates are designed to provide a seamless and intuitive user experience. With our Figma templates, you can easily create beautiful and functional websites that are tailored to the needs of your users.

  • Customization: Our Figma templates in combination with Amplify UI Theming are highly customizable, allowing you to easily tailor them to your specific needs and preferences. This allows you to create a unique and visually appealing website that stands out from the competition.

Text to Design

Recent Posts

No results found

See All Posts

Example Video

Watch this video to learn how to quickly create a website using AWS Amplify and our templates


Everything you need to know





Looking for other SaaS templates?

Check out TemplateHub for more templates and starter kits. Find the perfect template for your next software project. ReactJS, NextJS, React Native, Android, iOS, SaaS kits, and more.

AWS Amplify UI React

Get started now!

Start building your next AWS Amplify project with a beautiful, modern templates.

AWS Amplify UI React

© 2022 Code Principles SP. All rights reserved.

AWS and the related logos are trademarks of Amazon Web Services, Inc. We are not endorsed by or affiliated with AWS.