p/web-app-design-system-kit
3600+ responsive web app UI components for Figma
Cory Shoaf
Web App Design System Kit โ€” 3600+ responsive web app UI components for Figma
Featured
7
โ€ข
Deliver projects faster with a consistent framework of flexible Figma components.
๐Ÿ’ก Core Components
๐Ÿ–Š Form Components
๐Ÿ”ฎ Library Styles
๐Ÿฑ Table & Chart Components
๐ŸŽฌ Templates
Replies
Eugene Hauptmann
Good start! @coryshoaf I'd add nice CSS export for final products, so junior designers/developers can ship their products faster.
Cory Shoaf
@eugenehp Thank you Eugene for the kind words and feedback. Css and code components are definitely being considered here!
Cory Shoaf
Hello Product Hunt! My name is Cory and I am super pumped to share with you all a labor of love I have been working on over the past few months. Today I am launching UXBin and the Web App UI Figma Design System. As a product designer working across teams like engineering and product, rapid iteration and prototyping to communicate customer value is the vibe. With more non-designer folks joining the fun in Figma, I wanted to create a well organized, comprehensive component library that was easy to navigate and fun to use. Every component utilizes Figma's powerful variant feature and in minutes, you can create well documented compositions that communicate the many different interactions you find in common web apps. Thank you so much for checking this out and there is still a lot more to come for this library. Version 1.0 is finally out but I will be continuing the charge on new improvements, components, and other valuable resources. I welcome any and all your feedback! ๐Ÿ˜€โค๏ธ
Jonathan Bishop
Looks like an awesome place to start. Especially with Auto Layout and Dark Mode out of the way! Think I'll wire in my company's styles and see where this takes me.
Cory Shoaf
@jonathan_bishop Thank you Jonathan! ๐Ÿ™ Hoping the foundational components help you hit the ground running!
C C
Looks nice, but does it have CSS components you can take and turn into code like Tailwinds?
Cory Shoaf
@chriscchan Thank you for the kind words! Right now this library is specifically for Figma. CSS styling and code components are definitely something I am considering. Appreciate the feedback! โšก๏ธ