aws-amplify / aws-amplify/amplify-studio

Additional Primitives & Components needed in Amplify UI Kit

Open
#1,086 1 comment 0 reactions 0 assignees View on GitHub
feature-request figma
Dominant language
No language data
Stars
135
Forks
32
PR merge metrics
No merged PRs in 30d

Description

### Describe the feature you'd like to request

I'd like to request more primitives to be added to the AWS Amplify UI Kit - such as Popovers, Tabs, Dropdown states (what they look like when activated), Pagination, Interactive Pills/Chips. Also adding more complex components such as Tables, Date Pickers, Time Pickers, Calendar, Dashboard Charts and Graphs, File Uploaders, Progress Indicators/Steps would be very helpful.

### Describe your use case and how the feature would improve your experience.

A larger set of components to use within a Figma UI Kit

### Describe alternatives you've considered

Figma to Code Generators
[Builder.io](https://www.figma.com/community/plugin/747985167520967365), [QuestAI](https://www.figma.com/community/plugin/862039267149408972), [Anima](https://www.figma.com/community/plugin/857346721138427857), [TeleportHQ](https://www.figma.com/community/plugin/992726161890204477), [Unify](https://www.figma.com/community/plugin/1009866256233241860), [pxCode](https://www.figma.com/community/plugin/946962210053893234), [TeleportHQ](https://www.figma.com/community/plugin/992726161890204477)

UI Kits
[Untitled](https://untitledui.gumroad.com/l/untitled-ui), [React UI](https://react.setproduct.com/), [Material Design](https://m2.material.io/), [React Bootstrap](https://react-bootstrap.netlify.app/)

### Additional context

Is there currently an ability to use third party Figma UI kits with Amplify Studio (in place of OR to supplement Amplify Primitives) in order to generate the UI designs into react js?

Contributor guide

Open the contributing guide

Research direction

Start by reviewing the Amplify UI Kit and Amplify Studio’s current Figma-to-React workflow, including whether third-party Figma UI kits are supported. Define a narrower, prioritized component scope from the requested primitives and complex components, and document what support or component additions would constitute done.

Written by the indexing model from the issue text.

Assessment

Tech stack
figma, react
Domain
design, frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
20/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.