AWS Amplify Studio

Extend AWS Amplify with a visual development environment for creating full-stack apps with minimal coding

AWS Amplify Studio is a visual development environment that lets developers easily build and ship complete web and mobile apps in hours instead of weeks. With Amplify Studio, you can quickly build an app backend, create rich user interface (UI) components, and connect a UI to the backend with minimal coding. Amplify Studio exports all UI and infrastructure artifacts as code, so you can maintain full control over your app design and behavior. Ship faster and scale smoothly—with no cloud or AWS expertise required.

Quickly create feature-rich UIs

Use a visual interface and library of pre-built UI components to create and customize a UI for your app with minimal coding.

Easily ship a full-stack app

Set up your front-end UI and corresponding backend on AWS to complete a full-stack app with a few clicks.

Increase productivity

Automate the UI and infrastructure boilerplate code so you can focus on the business logic.

Improve designer-developer collaboration

Streamline the design handoff process and mitigate costly, time-consuming errors.

Intro to AWS Amplify Studio | Amazon Web Services (0:59)

Features

Configure an extensible app backend

Visual backend builder

Use the visual development environment to define a data model, user authentication, and file storage without backend expertise.

Extend with AWS CDK

Easily add AWS services not available within Amplify Studio using the AWS Cloud Development Kit (CDK).

Use with Amplify Libraries

Connect mobile and web apps to app backends created in Amplify Studio using Amplify Libraries for iOS, Android, Flutter, React Native, and Web (JavaScript).

Accelerate UI app development (Preview)

Pre-built UI component library

Select from dozens of popular React components, such as buttons, forms, and marketing templates, and customize them to fit your style guide.

Figma design-to-code approach

Import Figma prototypes built by designers into Amplify Studio as clean React code for seamless collaboration.

Front-to-back configuration

Visually bind your front-end UI components in your layout to data sources in your cloud-connected app backend in clicks.

Manage and ship your app

Data, file, and user management

Let team members manage users and groups, application content, and files outside the AWS Management Console.

Deploy and host with Amplify Hosting

Use with Amplify Hosting to deploy and host any React, Vue, or Next.js web app with built-in continuous integration and continuous deployment (CI/CD) workflows, testing, pull request previews, and custom domains.