Introducing Shopify Developer Tools for macOS

Introducing Shopify Developer Tools for macOS

With so many resources at your disposal, developing for Shopify can easily become overwhelming. At any given moment, in addition to writing code, you could be making requests to the Admin API using our documentation and Insomnia, viewing the Polaris style guide to get code snippets for a component, or even using our data generator tool to populate your test store with dummy data.

Constantly having to switch away from your code editor to access resources is a frustrating experience, and having to find the right resource in all your open tabs and windows adds no joy to the process.

To help you build with Shopify faster and with fewer distractions, we’re excited to introduce Developer Tools—a macOS app that will help you with some of the most common tasks associated with developing for Shopify.

Developer Tools can generate dummy data for your store, make authenticated calls to the Admin API, and let you view and customize Polaris components. Being a desktop app, it does all of this without you ever needing to leave the comfort of your code editor.

Download Developer Tools

Getting started with developer tools

developer tools: features
Examples of features in the Developer Tools app: a data generator, Admin API playground, and Polaris playground.

This free tool can be downloaded directly from GitHub. If you’re new to Shopify, make sure you’ve created a partner account and development store to take advantage of the data generator and Admin API playground features.

Once installed, you can connect Developer Tools to your Shopify stores by logging in with credentials or with an access token.

Developer Tools can be brought into view at any time by pressing control + option + s, and can be dismissed by pressing command + w, or the esc key.

You might also like: Introducing New Updates to Polaris: More Ways to Build a Great App UI.

Data generator

The beauty of a development store is that it offers a free, simulated experience for testing apps and themes. However, to make your test store as similar as possible to a real store, you need to fill it with data—a lengthy task that cuts into your development time.

With Developer Tools’ data generator, you can populate your development store in a snap. Not only will your development store look better for client demos, it’ll also become a more realistic environment for testing apps. Using the generator also triggers associated webhooks, allowing you to easily test any changes to how your app processes them.

developer tools: test store
An example of a realistic looking Shopify test store, built quickly using the data generator in Developer Tools.

REST Admin API playground

The REST Admin API is the most robust Shopify API. To explore how this API works, you can use the Admin API playground to make authenticated API calls to any of your connected stores, using sample or custom requests.

Endpoints can be accessed directly from the app’s search (e.g get products count), and requests can be executed quickly by pressing command + enter. When adding URL parameters to any request, press option + space to view available param names. When creating the body for a POST request, press option + space to view a list of valid property names.

developer tools: admin api
Example of using Developer Tools’ Admin API playground to make authenticated API calls.

Polaris playground

Shopify’s Polaris design system and UI kit is the best way to build UIs for Shopify apps. Use the Developer Tools app to quickly access code snippets for Polaris components and to preview customizations live before implementing them in your app.

developer tools: polaris
Example of Polaris code snippets being used in the Developer Tools’ Polaris playground.

A faster way to develop on Shopify

With the new Developer Tools desktop app, you’ll be able to quickly build robust test stores and experiment more easily with our Admin API and Polaris.

Please note that this app is still in Beta, and we’re hoping to add more features soon. If you have any feedback, please contact us at developer-tools@shopify.com or by creating a GitHub issue.

Download Developer Tools

How will the new Developer Tools speed up your development? Let us know in the comments below!

About the Author

Dev Shahani builds tools for the Shopify Partner Ecosystem. If he isn’t thinking about how to make developing for Shopify a happier experience, he’s wondering how much of an impact his name has had on his career choice.

Grow your business with the Shopify Partner Program

Learn more