Easy mode for full-stack development with Figma & AWS Amplify
summary
Shows a Figma-to-code workflow using Figma-to-code plugin, AWS Amplify Studio and the Amplify UI React library to generate reusable React components from Figma designs, bind them to a GraphQL data model and deploy an AppSync backend. Demo builds a cat reviews app end-to-end: create-next-app, amplify pull, auto-generated review form and card components, real-time updates via onCreateReview subscription, and theming. Claims prototype time drops from months to minutes.
AI-written summary · about
chapters (10)
- 0:00intro
- 0:22preamble
- 0:45expectation
- 1:15reality
- 1:55developers spend months pixel-pushing
- 2:28what if...
- 4:38aws amplify overview
- 6:03features you can build with aws amplify
- 7:02demo - build a cat reviews app
- 20:09thank you!
related talks
56mFrom Figma design to working application with AWS Amplify Studio
07mBlurring the Lines Between the Web Developer Roles
28mLive Coding on AWS Amplify
23mAWS On Air ft. AWS Amplify Studio
29mBuild full-stack web and mobile apps with AWS Amplify and AWS AppSync
34mFrom Front-end to Full Stack
21mFullstack Next.js on AWS
01h 22mBuilding Cloud Native Web Applications with React and AWS Amplify