Figma to Code | Build a Fullstack App with AWS Amplify Studio | Amazon Web Services

Great walkthrough!

Too fast, sounds like the author takes a great pride in knowing this :(

Not user friendly at all

"O time tá uma merda, o quê podemos fazer para ajudar? Já sei, vamos parar o treino deles para dar um sermão"

my left ear enjoyed this

You may know your stuff but you have very limited abilities in transfering that knowledge to others. Useless.

Greatful for the walkthrough but man is this not very user friendly content.......slooooow down and be more descriptive in what your doing and where your clicking.

My sum-up of the steps in this video:
1) Amplify Studio:
1.1) Define the data model that will populate your UI components
1.2) [Backend] deploy that data model to provision its backend
1.3) [Optional] import UI components you designed in Figma for Amplify
1.4) Assemble your UI components, configure how they look, configure their data bindings (with the data model), and on-click actions.

2) Your laptop:
2.1) Import those {components, CSS themes and data models} (that you specified in Amplify Studio) to your front-end app project
2.2) Build your front-end page by assembling the UI components
2.3) Push to your Git repo, and let the CI/CD deploy your app to the Cloud (thanks to Amplify Hosting)

Can this output Typescript?

Thank you, I tried this for my demo. It worked!!

Thank you, this is so insightful it has inspired me to attempt building an app with AWS Amplify Studio. 🙂