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

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

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

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

Open-source template for your management projects. GitHub : Built... with shadcn and Linear 's design.show more

You guys love Harness. So we decided to open... source it. Our repo includes everything: desktop app, mobile app, firmware, schematic, and 3D industrial design. Time to build your own harness.show more

Someone just broke the paywall on Claude Design… and... almost no one noticed. It’s called Open Design. No subscription. No limits. No “Pro plan required.” Just raw access. 👉 Turn prompts into real UI/UX 👉 Generate designs with Claude 👉 Replace expensive design tools 👉 Fully customizable (open source) This isn’t a tool. It’s a shortcut around the entire design economy. Most people will ignore this. A few will build insane things with it. Guess which side wins. Save this before it explodes Repo:show more

I found 9 sites that generate Design Markdown files... for your AI builds ! here are the links: - - - - - - - - They help turn your visual direction into an actual design system your coding agent can follow. typography, colors, spacing, radius, shadows, components, states and responsive behaviour. before you build any screen, pick a visual direction and generate the design .md file aligned with your product mechanics and outcome goals add it to Claude Code or Cursor, then use /design to describe what should stay consistent across every screen this gives the agent actual constraints instead of asking it to “make the UI look premium” and hoping for a good output you'll ship much cleaner product ideations at lightning fast speed ! ( this and a folder of 5-6 visual references are the first things we prepare before starting a client build )show more

new Figma plugin in Cursor!! it can inspect your... design system, find the right components/variables/styles, then write directly to figma as editable layersshow more