Design System Checklist Open-source checklist that will help you... plan, build and grow your design system. It covers design language, tokens, core components, and maintenance (support and documentation).show more

Practical guide to creating design systems This guide offers... practical tips for product audit, design alignment, creating specs, building components in Figma and defining metrics that will help you measure system success.show more

UI design checklist A massive collection of the best... practices for everything related to UI design—components, pages, user flows and branding. 🖋️ by George Hatzisshow more

Introducing support for Design Systems in Bolt Now Bolt... uses your actual design system components, not some mimic Here’s how to stop building from scratch and start building on-brand: 👇show more

Checklist Design A collection of 50 checklists for UI... components, pages and user flows. Each checklist helps you to consider the different states of a component and scenarios when you take a user from A to B. 🖊️ by George Hatzisshow more

Tipalti Fintech Platform Web Design and Design System Tipalti... work highlights the system design behind the web and app with subtle and great usage of motion design. The project was created by Clay Global.show more

Don’t build your Figma design system from scratch!

Open Design System Repository Discover 40+ open design systems... that come with UI kits for Figma.show more

finally, AI will be fluent in your design systems... and components ...and be able to design and code just like *you* our biggest launch ever coming up - reserve your spot below:show more

You can now use Figma for FREE with this... tool. It's called Penpot. An open-source design tool that mirrors Figma's layout and workflow, free, self-hostable → MCP server lets AI agents edit your designs directly → Free Dev Mode with instant CSS, SVG, and HTML → Native design tokens keep design & code in sync → Real-time collaboration built in 100% Free. Open source.show more

Storybook MCP for React is here 🎉 Storybook MCP... gives AI agents structured context from your components and design system to build better UI the first time. 🧵 ⤵show more

AI tool that uses your design system to create... new components (along with all of the code) 👇show more

Your AI can build interfaces. These skills help it... build better ones. Save this ↓ - frontend-design - apple-design - beautiful-shadows - accessibility - design-review - emil-design-eng - shadcn - adapt - better-interface - interaction-design Which one are you adding first?show more

Agentic visual language⚫⚪. w/ Agentic Design System

Extract any website's design system in one line. Colors,... fonts, spacing, components. Formatted as a DESIGN .md your AI agents can use instantly. Built on our Fetch API. Fast, accurate, and structured. Powered by Hyperbrowser ↓show more

new skill: improve-ui built to audit interfaces against their... own design language, inspired by shadcn's improve skill. it reads your repo's design context: DESIGN.md, CSS, shared components, etc. then finds where the UI breaks its own rules and writes a plan to fix itshow more

Must-know open-source tools for coders and makers - open... source library of 30 toggles - react gamification ui components - saas starter kit nextjs + tanstack - open source google analytics/ mixpanel alternative - design engineered data visualization componentsshow more

Asked Claude to design me a typography system and, wow

UI/UX Designers, here are some of the best DESIGN.... md resources for AI coding you should bookmark: Styles → Design Systems → UI Components → Web Design → Design. md → Design Resources → Open Design → Design. md → What did I miss? ⬇️show more

V2.0 → V3.0 No new layout. Just stricter rules:... spacing, radius, icon sizes, shadows and tokens. AlignUI Design System V3.0 is coming.show more

Stop hunting for the perfect tool. Build it! Found... an open-source kit and UI library for making your own AI design apps. by Alex Barashkovshow more