Create Transparent‑Background Images Directly in Shopify Sidekick

Shopify Sidekick now lets merchants generate illustrations, icons, and graphics with transparent backgrounds using AI prompts—no extra design tools required. Learn how it works, who benefits, and how to get started today.

Create Transparent‑Background Images Directly in Shopify Sidekick
6 sections

Shopify’s AI‑powered design assistant, Sidekick, just got a game‑changing upgrade. Merchants can now ask Sidekick to create images that come with transparent backgrounds, eliminating the need for extra editing software when you need clean icons, illustrations, or product graphics for your store or marketing assets. In this post we’ll break down exactly what’s new, who it impacts, and how you can start leveraging this feature right away.

What’s New in Sidekick

Sidekick’s image‑generation engine now supports a “transparent background” flag in the prompt. When you describe the visual you need and explicitly request a transparent background, the AI returns a PNG file with no solid backdrop. This works for a wide range of assets—hand‑drawn illustrations, vector‑style icons, product mock‑ups, social‑media graphics, and more. The change is entirely backend, so the UI in the Shopify admin stays the same: open Sidekick, type your prompt, and include the phrase “transparent background.”

Who Benefits: Merchants vs. Developers

Merchants gain a fast, cost‑free way to create polished visuals without juggling Photoshop or hiring a designer for every small graphic. This speeds up seasonal campaigns, product launches, and A/B tests.

Developers aren’t directly changing code for this feature, but the new asset format opens doors for apps and themes that rely on dynamic images. For example, a theme that pulls Sidekick‑generated icons on‑the‑fly can now use the PNGs directly, knowing they’ll blend seamlessly on any background.

How to Use Transparent‑Background Generation

  • Open Sidekick – In your Shopify admin, click the “Sidekick” icon in the left sidebar or use the shortcut Ctrl + Space.
  • Enter a clear prompt – Describe the image you need. Be specific about style, colors, and composition.
  • Add the transparency cue – End the prompt with “with a transparent background” or “transparent background.” Example: “Create a hand‑drawn leaf illustration with a transparent background.”
  • Review and download – Sidekick returns a PNG preview. If it meets your expectations, click “Download” and the file saves to your computer or directly to the Shopify Files library.
  • Implement – Use the PNG in product pages, email templates, or ad creatives. Because the file is already transparent, you’ll see the image sit cleanly over any container or color scheme.
  • Best Practices and Tips

  • Be explicit – The AI interprets “transparent background” only when it appears in the prompt. Adding it at the end works best.
  • Specify format – If you need a specific size, include dimensions: “a 500 × 500 px icon of a coffee cup with a transparent background.”
  • Iterate quickly – Sidekick allows up to three variations per prompt. Use the “Regenerate” button to tweak details without starting from scratch.
  • File management – Store generated PNGs in a dedicated folder in Shopify Files (e.g., /sidekick‑transparent) for easy reference in Liquid code.
  • Accessibility – Add descriptive alt text when embedding the image, e.g., alt="Hand‑drawn leaf illustration". This improves SEO and compliance.
  • What Developers Can Do Next

    While no new API endpoints are required, developers can enhance their themes and apps by:

  • Dynamic image loading – Use Liquid to pull the latest Sidekick PNG from the Files library: {% assign leaf = 'sidekick-transparent/leaf.png' | file_url %}<img src="{{ leaf }}" alt="Leaf illustration">.
  • Batch generation scripts – Combine the Sidekick prompt with Shopify’s Admin API to programmatically request images for bulk product imports. For example, a Node.js script could POST to /admin/api/2024-07/graphql.json with a mutation that triggers Sidekick via the new imageGenerate field (if exposed in the future).
  • Theme settings – Add a theme setting that lets merchants toggle between “Solid background” and “Transparent” for generated graphics, storing the preference in settings.json. This prepares your theme for any future Sidekick enhancements.
  • Conclusion & Call to Action

    Transparent‑background image generation is a small but powerful addition to Sidekick that removes a common friction point for merchants. Start experimenting today—open Sidekick, type a prompt with “transparent background,” and replace that generic stock icon with a custom illustration that fits your brand perfectly. If you’re a developer, think about how you can surface these assets in your themes or apps to give merchants even more flexibility. Need help integrating Sidekick assets into your store? Reach out to our Shopify Experts team or drop a comment below—we’re happy to assist!

    Tags
    Sources

    Related Articles

    UK VAT Gets Smarter: Fulfillment Location Drives Accurate Tax on Orders Over £135

    UK VAT Gets Smarter: Fulfillment Location Drives Accurate Tax on Orders Over £135

    Shopify now calculates UK VAT based on the fulfillment location chosen by your order‑routing rules. Orders over £135 that ship from outside the UK are treated as imports, removing VAT at checkout. Learn what this means for merchants and developers and how to update your routing settings.

    October 23, 20264 min
    Schedule and Test Catalog Changes with Rollouts: A Deep Dive

    Schedule and Test Catalog Changes with Rollouts: A Deep Dive

    Shopify Rollouts now lets merchants schedule catalog availability and pricing by market, and lets developers test those changes before they go live. Learn what’s new, who it impacts, and step‑by‑step actions to start using Rollouts today.

    October 23, 20264 min
    Unlink a Customer’s Identity Provider Subject with the New GraphQL Admin Mutation

    Unlink a Customer’s Identity Provider Subject with the New GraphQL Admin Mutation

    Shopify’s 2027-01 API adds the identityProviderSubjectDelete mutation, letting developers cleanly unlink customers from third‑party identity providers and instantly sign them out. Learn what changed, who’s affected, and how to implement it today.

    October 23, 20265 min
    Unlock Retail Store Discovery with Shopify’s New UCP Location Search & Lookup

    Unlock Retail Store Discovery with Shopify’s New UCP Location Search & Lookup

    Shopify now lets apps locate a merchant’s physical stores via UCP location search and lookup. Learn what changed, who’s affected, and how to add the capabilities to your storefront integration.

    October 22, 20264 min