aws-amplify / amplify-ui

Amplify UI is a collection of accessible, themeable, performant React (and more!) components that can connect directly to the cloud.
https://ui.docs.amplify.aws
Apache License 2.0
781 stars 256 forks source link

Amplify Studio tutorial feedback #5339

Open bhartsb opened 1 week ago

bhartsb commented 1 week ago

First of all the link for feedback at this link brought me here.

The tutorial on the page for React and Figma leaves much to be desired. It only shows how to bring in components from the AWS Amplify UI Kit. Nothing about how to design custom UI frames in Figma and bring them in and use as UI components. Maybe I'm confused and if so it is because the documentation is severely lacking. I'd rate it as 1 out of 10.

timngyn commented 1 week ago

👋 Hi @bhartsb, custom UI frames in Figma are not supported by Amplify Studio. There is a section here about it if you wanted to read more: https://ui.docs.amplify.aws/react/getting-started/figma#figma-file. We essentially need to use the Amplify UI Figma file if you want to generate UI components

bhartsb commented 1 week ago

I was able to sync a custom component. Are you saying I will have issues with it? It’s not very flexible that it only supports the primitives in that amplify UI figma file. What if for example I need a scrollable table view? After I design my figma file and find out that it won’t support custom ones it’s a little late!

On Tuesday, June 25, 2024, Tim Nguyen @.***> wrote:

👋 Hi @bhartsb https://github.com/bhartsb, custom UI frames in Figma are not supported by Amplify Studio. There is a section here about it if you wanted to read more: https://ui.docs.amplify.aws/ react/getting-started/figma#figma-file. We essentially need to use the Amplify UI Figma file if you want to generate UI components

— Reply to this email directly, view it on GitHub https://github.com/aws-amplify/amplify-ui/issues/5339#issuecomment-2189833320, or unsubscribe https://github.com/notifications/unsubscribe-auth/ABW4RF4U54BO73QF6DPKVZ3ZJHBTHAVCNFSM6AAAAABJ3KZTOKVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDCOBZHAZTGMZSGA . You are receiving this because you were mentioned.Message ID: @.***>