Skip to content

Commit be6872d

Browse files
committed
final updates
1 parent 8e1552f commit be6872d

File tree

4 files changed

+17
-74
lines changed

4 files changed

+17
-74
lines changed

polaris.shopify.com/content/getting-started/index.md

Lines changed: 11 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
title: Getting Started
33
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.'
55
keywords:
66
- about
77
- polaris
@@ -18,32 +18,31 @@ order: 1
1818
icon: HintMajor
1919
---
2020

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
2422

2523
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:
2624

2725
- [Component UI kit](https://www.figma.com/community/file/1111360433678236702)
2826
- [Style Library](https://www.figma.com/community/file/1111359207966840858)
2927
- [Icon Library](https://www.figma.com/file/mMHFt3kEDNjLMZWowi6gnt/Polaris-Icons?node-id=753%3A2)
3028

31-
### Develop resources
29+
## Development resources
30+
31+
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:
3232

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:
33+
- [React components](https://github.com/Shopify/polaris/tree/main/polaris-react#using-the-react-components)
34+
- [Design Tokens](https://github.com/Shopify/polaris/tree/main/polaris-tokens#installation)
35+
- [VS Code extension](https://marketplace.visualstudio.com/items?itemName=Shopify.polaris-for-vscode)
3436

35-
- [Install and use the React components](https://github.com/Shopify/polaris/tree/main/polaris-react#using-the-react-components)
36-
- [Polaris token usage](https://github.com/Shopify/polaris/tree/main/polaris-tokens#installation)
37-
- [Polaris for VS Code extension]
37+
## Tutorials
3838

39-
### Tutorials
39+
### [Build a Shopify app](https://shopify.dev/apps/getting-started/create)
4040

41-
[Build a Shopify app](https://shopify.dev/apps/getting-started/create)
4241
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).
4342

4443
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).
4544

46-
### Next
45+
## Expand your knowledge
4746

4847
Polaris provides foundational design guidance for creating good merchant experiences. Here are some recommended resources to:
4948

polaris.shopify.com/content/getting-started/patterns-components-and-tokens.md

Lines changed: 0 additions & 56 deletions
This file was deleted.

polaris.shopify.com/content/getting-started/polaris-101.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,12 @@ keywords:
77
order: 0
88
---
99

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+
![Partial screenshots of the admin in mobile and web](/images/getting-started/polaris-101/[email protected])
15+
1016
## What is Polaris?
1117

1218
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
1723

1824
Polaris is used both internally at Shopify and externally by app developers and designers.
1925

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-
2426
## What are Shopify apps?
2527

2628
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.
2729

2830
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-
![Partial screenshots of the admin in mobile and web](/images/getting-started/polaris-101/[email protected])
235 KB
Loading

0 commit comments

Comments
 (0)