Skip to content Shopify logoPolaris
  • What’s new
  • Getting started
  • Foundations
  • Design
    新
  • Content
  • Patterns
  • Components
  • Tokens
  • Icons
  • Contributing
  • Tools
  • Version guides
  • 即将到来的

Build.Contribute.Evolve.

Shape the merchant experience for Shopify’s core product, the admin.

Foundations

Fundamental design guidance for creating quality admin experiences

Components

Reusable elements and styles, packaged through code, for building admin interfaces

Tokens

编码名称代表的设计decisions for color, spacing, typography, and more

Icons

Over 400 carefully designed icons focused on commerce and entrepreneurship

新Version 12

Learn how to upgrade to Polaris' new design language.

Read post
A list showcasing the new font sizes in Polaris

Polaris for VS Code

Autocompletion for Polaris tokens, right inside your favorite code editor

Install
Screen shot of the Polaris VS Code extension actively autocompleting the value of a background CSS rule with the surface success design token.

Leave feedback