You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: polaris.shopify.com/content/getting-started/index.md
+11-12Lines changed: 11 additions & 12 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,7 +1,7 @@
1
1
---
2
2
title: Getting Started
3
3
navTitle: Getting started
4
-
description: 'Polaris is the design system for the Shopify admin. If you’re just starting out with Polaris, here’s a list of recommended resources and guidance to get you started:'
4
+
description: 'Polaris is the design system for the Shopify admin. If you’re just starting out with Polaris, here’s a list of recommended resources and guidance to get you started.'
5
5
keywords:
6
6
- about
7
7
- polaris
@@ -18,32 +18,31 @@ order: 1
18
18
icon: HintMajor
19
19
---
20
20
21
-
Polaris is the design system for the Shopify admin. If you’re just starting out with Polaris, here’s a list of recommended resources and guidance to get you started:
22
-
23
-
### Design resources
21
+
## Design resources
24
22
25
23
Shopify provides [Figma community resources](https://www.figma.com/@Shopify) for Polaris components, styles, and icons. If you are new to Figma, check out our [onboarding guide](https://www.figma.com/community/file/994263185745279952), or open Figma and start designing with the resources below:
The [Shopify/polaris GitHub repo](https://github.com/Shopify/polaris) is an open-source monorepo made up of NPM packages, VSCode extensions, Figma plugins, and websites. To get started, install and use the Polaris:
32
32
33
-
The [shopify/polaris repo](https://github.com/Shopify/polaris) is an open-source monorepo made up of NPM packages, VSCode extensions, Figma plugins and websites. To get started:
### [Build a Shopify app](https://shopify.dev/apps/getting-started/create)
40
40
41
-
[Build a Shopify app](https://shopify.dev/apps/getting-started/create)
42
41
In this tutorial, you'll create an app that merchants can access in the Shopify admin. You'll use an app initialization command that generates starter code for building your app, and sets up your development environment so that you can work with your app using [Shopify CLI](https://shopify.dev/apps/tools/cli).
43
42
44
43
Your app will use Polaris and [App Bridge](https://shopify.dev/apps/tools/app-bridge) while following the [App Design Guidelines](https://shopify.dev/apps/design-guidelines).
45
44
46
-
### Next
45
+
##Expand your knowledge
47
46
48
47
Polaris provides foundational design guidance for creating good merchant experiences. Here are some recommended resources to:
Copy file name to clipboardExpand all lines: polaris.shopify.com/content/getting-started/polaris-101.md
+6-6Lines changed: 6 additions & 6 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -7,6 +7,12 @@ keywords:
7
7
order: 0
8
8
---
9
9
10
+
## What’s the Shopify admin?
11
+
12
+
Merchants set up their store, configure settings, and manage their business using the admin. It includes core aspects of the merchant’s business, including orders, products, and customers.
13
+
14
+

15
+
10
16
## What is Polaris?
11
17
12
18
Polaris is the design system for the Shopify admin. It’s the shared language that guides how we build high-quality merchant experiences.
@@ -17,14 +23,8 @@ The design system is made up of design guidance, code libraries, development opi
17
23
18
24
Polaris is used both internally at Shopify and externally by app developers and designers.
19
25
20
-
## What’s the Shopify admin?
21
-
22
-
Merchants set up their store, configure settings, and manage their business using the admin. It includes core aspects of the merchant’s business, including orders, products, and customers.
23
-
24
26
## What are Shopify apps?
25
27
26
28
The admin includes installable apps that are distributed through the Shopify App Store. They enable merchants to add functionality to their stores without leaving the familiar environment of the admin.
27
29
28
30
By building with Polaris and [App Bridge](https://shopify.dev/apps/tools/app-bridge) and following the [App Design Guidelines](https://shopify.dev/apps/design-guidelines), you'll create a streamlined experience with the rest of the Shopify admin.
29
-
30
-

0 commit comments