Back to Plugins
AWS Amplify UI Builder

AWS Amplify UI Builder

Accelerate your design-to-development workflow

themedesign tokensaws amplifyamplify uijavascriptvueamplifystudioangularreactui builderfigma to code

Plugin Preview

AWS Amplify UI Builder preview

About this plugin

Use with the AWS Amplify UI Kit to go from design to code in seconds. Design in Figma with the UI kit and generate React code you can start using in your application.


  1. Export clean Amplify UI React code from your components and share with developers.
  2. Share a live Codesandbox URL with your team to get feedback and make improvements.
  3. Achieve full consistency between your Figma designs and frontend code.
  4. Upgrade to newer versions of the UI kit


Feedback

File an issue on Github

Ask a question on Discord

Documentation

Plugin Details

Version31
CreatedNovember 11, 2021
Last UpdatedAugust 5, 2024
CategorySoftware development
CreatorAWS Amplify
Stats3700 installs, 383 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:{"main": "dist/ui.html", "inspect": "dist/inspect.html"}
  • main:dist/code.js
  • Editor Types:
    dev
  • Allowed Domains:
    • https://cognito-identity.us-west-2.amazonaws.com
    • https://pinpoint.us-west-2.amazonaws.com
  • Codegen Languages:
    • Amplify UI React(amplify-ui-react)