UI DESIGN LAB
  • 首页
  • 社区
  • 资源库
  • 知识库
  • 文档
EN登录

分类

全部设计系统72AI & LLM Platforms12Automotive7Backend, Database & DevOps8Design & Creative Tools6Design Systems1Developer Tools & IDEs6E-commerce & Retail5Fintech & Crypto7Media & Consumer Tech13Productivity & SaaS7

常用系统

01BMW M002Dell (1996)003HP004Airbnb005Airtable0

System Layer

先建立全局语言设计系统定义字体、颜色、间距、组件和响应式规则;普通技能再叠加局部表现。

UI DESIGN LAB 设计系统

Design SystemsSystem Skills72 Systems72 Shown

浏览可复用的设计系统层。

把全局视觉语言、token、组件规则和响应式边界拆出 Skill Library,作为创建项目时的基础系统选择。

System Index

设计系统基线

从这里选择页面级规范,再到 Skills 里叠加布局、动效和资产技巧。

01BMW M02Dell (1996)03HP04Airbnb05Airtable
67 more systems below
Active Systems72
Groups10
Total Uses0
AccessFree
Library

全部设计系统

重置筛选
Automotive

BMW M

汽车品牌 Interface:深色沉浸、干净留白、影像驱动、高识别品牌色。

查看系统
Media & Consumer Tech

Dell (1996)

媒体与消费科技 Interface:深色沉浸、高识别品牌色。

查看系统
Media & Consumer Tech

HP

媒体与消费科技 Interface:深色沉浸、干净留白、圆角亲和、锐利工程感。

查看系统
E-commerce & Retail

Airbnb

电商与零售 Interface:温暖品牌色、影像驱动、圆角亲和、干净留白。

查看系统
Productivity & SaaS

Airtable

效率与 SaaS Interface:深色沉浸、干净留白、影像驱动、圆角亲和。

查看系统
Media & Consumer Tech

Apple

媒体与消费科技 Interface:深色沉浸、干净留白、高端叙事、影像驱动。

查看系统
Fintech & Crypto

Binance

金融科技与加密产品 Interface:深色沉浸、黑白克制、数据网格、高识别品牌色。

查看系统
Automotive

BMW

汽车品牌 Interface:深色沉浸、干净留白、高端叙事、影像驱动。

查看系统
Automotive

Bugatti

汽车品牌 Interface:深色沉浸、干净留白、黑白克制、高端叙事。

查看系统
Productivity & SaaS

Cal.com

效率与 SaaS Interface:深色沉浸、干净留白、圆角亲和、开发者语境。

查看系统
AI & LLM Platforms

Claude

AI 与大模型平台 Interface:深色沉浸、干净留白、开发者语境、编辑式排版。

查看系统
Design & Creative Tools

Clay

设计与创意工具 Interface:深色沉浸、干净留白、影像驱动、渐变能量。

查看系统
Backend, Database & DevOps

ClickHouse

后端、数据库与 DevOps Interface:深色沉浸、干净留白、数据网格、开发者语境。

查看系统
AI & LLM Platforms

Cohere

AI 与大模型平台 Interface:深色沉浸、干净留白、渐变能量、圆角亲和。

查看系统
Fintech & Crypto

Coinbase

金融科技与加密产品 Interface:深色沉浸、干净留白、影像驱动、圆角亲和。

查看系统
Developer Tools & IDEs

Composio

开发者工具与 IDE Interface:深色沉浸、影像驱动、渐变能量、数据网格。

查看系统
Developer Tools & IDEs

Cursor

开发者工具与 IDE Interface:深色沉浸、渐变能量、锐利工程感、开发者语境。

查看系统
AI & LLM Platforms

ElevenLabs

AI 与大模型平台 Interface:深色沉浸、干净留白、高端叙事、影像驱动。

查看系统
Developer Tools & IDEs

Expo

开发者工具与 IDE Interface:深色沉浸、干净留白、影像驱动、渐变能量。

查看系统
Automotive

Ferrari

汽车品牌 Interface:深色沉浸、干净留白、高端叙事、影像驱动。

查看系统
Design & Creative Tools

Figma

设计与创意工具 Interface:深色沉浸、干净留白、黑白克制、圆角亲和。

查看系统
Design & Creative Tools

Framer

设计与创意工具 Interface:深色沉浸、干净留白、渐变能量、圆角亲和。

查看系统
Backend, Database & DevOps

HashiCorp

后端、数据库与 DevOps Interface:深色沉浸、干净留白、黑白克制、渐变能量。

查看系统
Media & Consumer Tech

IBM

媒体与消费科技 Interface:深色沉浸、干净留白、高识别品牌色。

查看系统
Productivity & SaaS

Intercom

效率与 SaaS Interface:深色沉浸、干净留白、圆角亲和、编辑式排版。

查看系统
Fintech & Crypto

Kraken

金融科技与加密产品 Interface:深色沉浸、数据网格、高识别品牌色。

查看系统
Automotive

Lamborghini

汽车品牌 Interface:深色沉浸、高识别品牌色。

查看系统
Productivity & SaaS

Linear

效率与 SaaS Interface:深色沉浸、圆角亲和、开发者语境、极简精确。

查看系统
AI & LLM Platforms

Lovable

AI 与大模型平台 Interface:渐变能量、亲和活力。

查看系统
Fintech & Crypto

Mastercard

金融科技与加密产品 Interface:圆角亲和、编辑式排版、亲和活力。

查看系统
Media & Consumer Tech

Meta

媒体与消费科技 Interface:深色沉浸、干净留白、影像驱动、圆角亲和。

查看系统
AI & LLM Platforms

MiniMax

AI 与大模型平台 Interface:深色沉浸、干净留白、高端叙事、影像驱动。

查看系统
Design Systems

Mintlify

设计系统 Interface:深色沉浸、干净留白、影像驱动、渐变能量。

查看系统
Design & Creative Tools

Miro

设计与创意工具 Interface:深色沉浸、干净留白、圆角亲和、数据网格。

查看系统
AI & LLM Platforms

Mistral AI

AI 与大模型平台 Interface:影像驱动、渐变能量、编辑式排版、亲和活力。

查看系统
Backend, Database & DevOps

MongoDB

后端、数据库与 DevOps Interface:深色沉浸、干净留白、影像驱动、圆角亲和。

查看系统
E-commerce & Retail

Nike

电商与零售 Interface:黑白克制、影像驱动。

查看系统
Productivity & SaaS

Notion

效率与 SaaS Interface:深色沉浸、干净留白、圆角亲和、编辑式排版。

查看系统
Media & Consumer Tech

NVIDIA

媒体与消费科技 Interface:深色沉浸、开发者语境、高识别品牌色。

查看系统
AI & LLM Platforms

Ollama

AI 与大模型平台 Interface:黑白克制、开发者语境。

查看系统
Developer Tools & IDEs

OpenCode

开发者工具与 IDE Interface:深色沉浸、开发者语境。

查看系统
E-commerce & Retail

Pinterest

电商与零售 Interface:影像驱动、数据网格、高识别品牌色。

查看系统
Media & Consumer Tech

PlayStation

媒体与消费科技 Interface:极简精确。

查看系统
Backend, Database & DevOps

PostHog

后端、数据库与 DevOps Interface:深色沉浸、数据网格、开发者语境、亲和活力。

查看系统
Developer Tools & IDEs

Raycast

开发者工具与 IDE Interface:深色沉浸、渐变能量、高识别品牌色。

查看系统
Automotive

Renault

汽车品牌 Interface:渐变能量。

查看系统
AI & LLM Platforms

Replicate

AI 与大模型平台 Interface:干净留白、开发者语境。

查看系统
Backend, Database & DevOps

Resend

后端、数据库与 DevOps Interface:深色沉浸、开发者语境、极简精确、高识别品牌色。

查看系统
Fintech & Crypto

Revolut

金融科技与加密产品 Interface:深色沉浸、渐变能量。

查看系统
AI & LLM Platforms

Runway

AI 与大模型平台 Interface:深色沉浸、干净留白、黑白克制、高端叙事。

查看系统
Design & Creative Tools

Sanity

设计与创意工具 Interface:深色沉浸、干净留白、圆角亲和、锐利工程感。

查看系统
Backend, Database & DevOps

Sentry

后端、数据库与 DevOps Interface:深色沉浸、数据网格、开发者语境、亲和活力。

查看系统
E-commerce & Retail

Shopify

电商与零售 Interface:深色沉浸、干净留白、高端叙事、影像驱动。

查看系统
Media & Consumer Tech

SpaceX

媒体与消费科技 Interface:深色沉浸、干净留白、黑白克制、影像驱动。

查看系统
Media & Consumer Tech

Spotify

媒体与消费科技 Interface:深色沉浸、高识别品牌色。

查看系统
E-commerce & Retail

Starbucks

电商与零售 Interface:圆角亲和、亲和活力、高识别品牌色。

查看系统
Fintech & Crypto

Stripe

金融科技与加密产品 Interface:深色沉浸、干净留白、渐变能量、圆角亲和。

查看系统
Backend, Database & DevOps

Supabase

后端、数据库与 DevOps Interface:深色沉浸、干净留白、黑白克制、影像驱动。

查看系统
Productivity & SaaS

Superhuman

效率与 SaaS Interface:深色沉浸、干净留白、高端叙事、影像驱动。

查看系统
Automotive

Tesla

汽车品牌 Interface:影像驱动、极简精确。

查看系统
Media & Consumer Tech

The Verge

媒体与消费科技 Interface:编辑式排版、高识别品牌色。

查看系统
AI & LLM Platforms

Together AI

AI 与大模型平台 Interface:深色沉浸、干净留白、影像驱动、渐变能量。

查看系统
Media & Consumer Tech

Uber

媒体与消费科技 Interface:干净留白、黑白克制、圆角亲和、编辑式排版。

查看系统
Backend, Database & DevOps

Vercel

后端、数据库与 DevOps Interface:干净留白、黑白克制、影像驱动、渐变能量。

查看系统
Media & Consumer Tech

Vodafone

媒体与消费科技 Interface:干净留白、高端叙事、影像驱动、编辑式排版。

查看系统
AI & LLM Platforms

VoltAgent ❤️

AI 与大模型平台 Interface:深色沉浸、影像驱动、数据网格、开发者语境。

查看系统
Developer Tools & IDEs

Warp

开发者工具与 IDE Interface:深色沉浸、干净留白、影像驱动、开发者语境。

查看系统
Design & Creative Tools

Webflow

设计与创意工具 Interface:深色沉浸、干净留白、高识别品牌色。

查看系统
Media & Consumer Tech

WIRED

媒体与消费科技 Interface:深色沉浸、干净留白、影像驱动、数据网格。

查看系统
Fintech & Crypto

Wise

金融科技与加密产品 Interface:深色沉浸、干净留白、圆角亲和、编辑式排版。

查看系统
AI & LLM Platforms

xAI

AI 与大模型平台 Interface:深色沉浸、干净留白、黑白克制、渐变能量。

查看系统
Productivity & SaaS

Zapier

效率与 SaaS Interface:影像驱动、圆角亲和、开发者语境、亲和活力。

查看系统