# Design Systems with AI

Curated selection of official Design Systems implementing artificial intelligence features (reviewed 500+ systems)

Last updated: January 31, 2026

### Claude MCP Apps

- **Anthropic**  
  - [Documentation](https://claude.com/blog/interactive-tools-in-claude?utm_source=designsystemsrepo.ai&utm_medium=referral&utm_campaign=design-systems&utm_content=claude-mcp-apps)  
  - [Figma UI kit](https://www.figma.com/community/file/1597641111449594397/mcp-apps-for-claude?utm_source=designsystemsrepo.ai&utm_medium=referral&utm_campaign=design-systems&utm_content=claude-mcp-apps)

### Gemini

- **Google**  
  - [Documentation](https://design.google/library/gemini-ai-visual-design?utm_source=designsystemsrepo.ai&utm_medium=referral&utm_campaign=design-systems&utm_content=gemini)  
  - [Related docs](https://gemini.google/gemini-drops/?utm_source=designsystemsrepo.ai&utm_medium=referral&utm_campaign=design-systems&utm_content=gemini)

### Lightning Design System

- **Salesforce**  
  - [Documentation](https://www.lightningdesignsystem.com/2e1ef8501/p/52a7c7-ai-and-slds-2?utm_source=designsystemsrepo.ai&utm_medium=referral&utm_campaign=design-systems&utm_content=lightning-design-system)  
  - [Related docs](https://www.lightningdesignsystem.com/2e1ef8501/p/03c548-agentic-patterns?utm_source=designsystemsrepo.ai&utm_medium=referral&utm_campaign=design-systems&utm_content=lightning-design-system)  
  - [Figma UI kit](https://www.figma.com/community/file/1478970084463860424/slds-2-pattern-agentic-experiences?utm_source=designsystemsrepo.ai&utm_medium=referral&utm_campaign=design-systems&utm_content=lightning-design-system)

### Apps SDK UI

- **OpenAI**  
  - [Documentation](https://developers.openai.com/apps-sdk?utm_source=designsystemsrepo.ai&utm_medium=referral&utm_campaign=design-systems&utm_content=apps-sdk-ui)  
  - [Figma UI kit](https://www.figma.com/community/file/1560064615791108827/apps-in-chatgpt-components-templates?utm_source=designsystemsrepo.ai&utm_medium=referral&utm_campaign=design-systems&utm_content=apps-sdk-ui)

### Chakra-UI Pro

- **UI kit**  
  - [Documentation](https://pro.chakra-ui.com/blocks/ai?utm_source=designsystemsrepo.ai&utm_medium=referral&utm_campaign=design-systems&utm_content=chakra-ui-pro)

### Claude AI (unofficial)

- **Anthropic**  
  - [Documentation](https://geist.co/work/anthropic?utm_source=designsystemsrepo.ai&utm_medium=referral&utm_campaign=design-systems&utm_content=claude-ai-unofficial)  
  - [Figma UI kit](https://www.figma.com/community/file/1445575023384366559?utm_source=designsystemsrepo.ai&utm_medium=referral&utm_campaign=design-systems&utm_content=claude-ai-unofficial)

### Dialtone

- **Dialpad**  
  - [Documentation](https://dialtone.dialpad.com/guides/mcp-server/?utm_source=designsystemsrepo.ai&utm_medium=referral&utm_campaign=design-systems&utm_content=dialtone)

### Content Design System

- **Intuit**  
  - [Documentation](https://contentdesign.intuit.com/ai/?utm_source=designsystemsrepo.ai&utm_medium=referral&utm_campaign=design-systems&utm_content=content-design-system)

### Geist Design System

- **Vercel**  
  - [Documentation](https://vercel.com/design?utm_source=designsystemsrepo.ai&utm_medium=referral&utm_campaign=design-systems&utm_content=geist-design-system)  
  - [Figma UI kit](https://www.figma.com/community/file/1555856339129556457/ai-elements-vercel?utm_source=designsystemsrepo.ai&utm_medium=referral&utm_campaign=design-systems&utm_content=geist-design-system)

### Shadcn UI

- **Shadcn**  
  - [Documentation](https://ui.shadcn.com/docs/mcp?utm_source=designsystemsrepo.ai&utm_medium=referral&utm_campaign=design-systems&utm_content=shadcn-ui)  
  - [Figma UI kit](https://shadcnstudio.com/figma?utm_source=designsystemsrepo.ai&utm_medium=referral&utm_campaign=design-systems&utm_content=shadcn-ui)

### Backbase Design System

- **Backbase**  
  - [Documentation](https://designsystem.backbase.com/latest/guides/beta-ui-ang-with-cursor-f9fdjG0s?utm_source=designsystemsrepo.ai&utm_medium=referral&utm_campaign=design-systems&utm_content=backbase-design-system)

### Soul Design System

- **Emplifi**  
  - [Documentation](https://soul.emplifi.io/latest/patterns/patterns/ai-guidelines/patterns-oahsQIli?utm_source=designsystemsrepo.ai&utm_medium=referral&utm_campaign=design-systems&utm_content=soul-design-system)

### Seeds Design System

- **SproutSocial**  
  - [Documentation](https://seeds.sproutsocial.com/components/mcp-server/?utm_source=designsystemsrepo.ai&utm_medium=referral&utm_campaign=design-systems&utm_content=seeds-design-system)

### Horizon Design System

- **ServiceNow**  
  - [Documentation](https://horizon.servicenow.com/getting-started/ai?utm_source=designsystemsrepo.ai&utm_medium=referral&utm_campaign=design-systems&utm_content=horizon-design-system)

### ActiveCampaign Design System

- **ActiveCampaign**  
  - [Documentation](https://www.activecampaign.design/docs/patterns/ai?utm_source=designsystemsrepo.ai&utm_medium=referral&utm_campaign=design-systems&utm_content=activecampaign-design-system)

### Canvas Design System

- **Workday**  
  - [Documentation](https://canvas.workday.com/guidelines/ai-guidance/ai-experience-guidelines?utm_source=designsystemsrepo.ai&utm_medium=referral&utm_campaign=design-systems&utm_content=canvas-design-system)

### Patternfly Design System

- **Red Hat**  
  - [Documentation](https://www.patternfly.org/patternfly-ai/principles-and-guidelines?utm_source=designsystemsrepo.ai&utm_medium=referral&utm_campaign=design-systems&utm_content=patternfly-design-system)

### Blade Design System

- **Razorpay**  
  - [Documentation](https://blade.razorpay.com/?path=%2Fdocs%2Fguides-blade-mcp--docs&utm_source=designsystemsrepo.ai&utm_medium=referral&utm_campaign=design-systems&utm_content=blade-design-system)

### Vibe Design System

- **Monday**  
  - [Documentation](https://vibe.monday.com/?path=%2Fdocs%2Fmcp-new--docs&utm_source=designsystemsrepo.ai&utm_medium=referral&utm_campaign=design-systems&utm_content=vibe-design-system)

### Ant Design X

- **Ant Design**  
  - [Documentation](https://x.ant.design/?utm_source=designsystemsrepo.ai&utm_medium=referral&utm_campaign=design-systems&utm_content=ant-design-x)  
  - [Figma UI kit](https://www.figma.com/community/file/1501193060829090060/ant-design-x-community-design-system-for-ai-products?utm_source=designsystemsrepo.ai&utm_medium=referral&utm_campaign=design-systems&utm_content=ant-design-x)

### Carbon Design System

- **IBM**  
  - [Documentation](https://carbondesignsystem.com/guidelines/carbon-for-ai/?utm_source=designsystemsrepo.ai&utm_medium=referral&utm_campaign=design-systems&utm_content=carbon-design-system)

### Pajamas Design System

- **GitLab**  
  - [Documentation](https://design.gitlab.com/patterns/ai-human-interaction?utm_source=designsystemsrepo.ai&utm_medium=referral&utm_campaign=design-systems&utm_content=pajamas-design-system)  
  - [Related docs](https://design.gitlab.com/patterns/duo-agents-and-flows?utm_source=designsystemsrepo.ai&utm_medium=referral&utm_campaign=design-systems&utm_content=pajamas-design-system)

### Ethos Design System

- **GE HealthCare**  
  - [Documentation](https://www.ethosdesignsystem.com/style-guides/artificial-intelligence?utm_source=designsystemsrepo.ai&utm_medium=referral&utm_campaign=design-systems&utm_content=ethos-design-system)

### Atlassian Design System

- **Atlassian**  
  - [Documentation](https://atlassian.design/patterns/ai-rovo?utm_source=designsystemsrepo.ai&utm_medium=referral&utm_campaign=design-systems&utm_content=atlassian-design-system#rovo-brand-and-ai-experiences)

### Cloudscape Design System

- **Amazon**  
  - [Documentation](https://cloudscape.design/get-started/for-developers/ai-tools-support/?utm_source=designsystemsrepo.ai&utm_medium=referral&utm_campaign=design-systems&utm_content=cloudscape-design-system)  
  - [Figma UI kit](https://www.figma.com/community/file/1585292872561164967/cds-component-library-2-0-3?utm_source=designsystemsrepo.ai&utm_medium=referral&utm_campaign=design-systems&utm_content=cloudscape-design-system)

### Fury Design System

- **Mercado Libre**  
  - [Documentation](https://medium.com/mercadolibre-tech/how-we-are-using-ai-in-mercado-libres-accessibility-team-e960b83283a9?utm_source=designsystemsrepo.ai&utm_medium=referral&utm_campaign=design-systems&utm_content=fury-design-system)

### Contribute

Share and get featured 💜  
Contribute resources and your name will be added to our lovely tribute list  
Community driven  
HUMAN  
MACHINE