Fynd Theme Studio

Build your storefront.
Make it yours with AI.

Describe your idea, shape the design and connect the tools you use. Preview your storefront and check it before going live.

Explore the features

YOUR STARTING POINT

Make it your own.

Start from a theme

Preview a template and make it your own.

Bring your references

Start with a screenshot or connected Figma design.

Edit the code when needed

Developers can open and change the generated theme files.

Get to know your tools.

Inspector

Select a detail in the preview

Example

FORME / THE EVERYDAY EDIT

Considered.
For every day.

Headline

Good pieces. A little room to breathe.

THE COLLECTION ↗

2 selected items

Example Inspector selection

Your selection helps AI understand the change.

“Give the heading and button more space.”

More space in the preview
Inspector

Point to what you want to change.

Select a detail in the preview and tell AI how to improve it.

  • Pick a headline, image or button.

  • Select one item or several for the same request.

  • Give AI the page details it needs to understand your change.

Design tools

Make the details yours.

Fine-tune the look of your storefront directly in the preview.

  • Adjust fonts, colours, spacing and borders.

  • Change text and replace editable images.

  • Save a set of design adjustments to use again.

Design Studio

Preview → Design Studio

Example

FORME / NEW COLLECTION

A considered point of view.

Your brand, in the details.

Design tool

Selected headline

Font size · 36 px

Inside spacing · 24 px

Alignment · Left

Rounded corners · 8 px

Preview updated.
Tables

Keep your information organised.

Manage information such as store locations in a clear, editable grid.

  • Create columns for the information you need.

  • Add or update records in your test environment.

  • Import rows from CSV or JSON files.

Live data is view-only here. Publishing a design does not automatically move every table’s records.

Tables

Store locations · Test environment

Example

locations.csv

Match the file’s columns

Store name → Name

City → City

Open → Active

Text · Text · Yes/No

Example import mode

Columns matched. Ready to import.

StoreCityActive
Studio OneMumbaiYes
Studio TwoPuneYes
Import complete
Cron jobs

Put recurring work on a schedule.

Tell AI what needs to happen regularly and set when it should run.

  • Schedule tasks such as refreshing product records.

  • Pause a job or ask AI to change it.

  • Check recent runs and see if anything went wrong.

Refresh featured products

Settings → Cron jobs

Example

“Refresh featured products each morning.”

Every day at 02:00 UTC

Schedule shown in UTC

  1. Scheduled
  2. Running
  3. Completed

Recent run

Completed · No errors

Completed
Queues

Handle work in the background.

Send an event, such as a product update, to a queue for processing.

  • Ask AI to define what happens when an event arrives.

  • Follow work from waiting to completed.

  • See processing errors and let failed work retry.

Product updates

Settings → Queues

Example

Example event to send

Product update

Product: Linen blazer

Update sent

Waiting

Completed

Recent activity

Status: Completed

Type: Product update

Work completed
Dev Tools

Give AI more to work with.

For developers, bring in the data sources and specialist tools your storefront needs.

  • Test requests to Fynd and inspect the results.

  • Add custom tools or API details for AI to use.

  • Use connected Pixelbin tools for image and video work.

Your developer can connect and configure these tools.

Dev Tools

Workspace → Dev Tools

Example

Dev Tool example

Test a request to Fynd and see the response.

Example request: Check the Fynd connection

Ready to check the connection.

Connectors

Workspace → Connectors

Example

Shopify

Slack · WhatsApp · SendGrid

Google Sheets · Google Drive

OpenAI · Anthropic · Gemini

Account setup

Google Sheets

Work with supported sheets

Choose a service to explore
Connectors

Bring your services together.

Connect the services you already use and make their supported tools available to AI.

  • Browse commerce, messaging, data and AI services.

  • Connect your account with the required sign-in or setup.

  • Reconnect or disconnect a service in one place.

Available services and actions depend on your account and setup.

Lighthouse

Find issues before launch.

Check your pages, ask AI to help fix problems, then check the results again.

  • Review speed, accessibility, best practices and search checks.

  • Compare desktop and mobile results.

  • Fix one page or several, and review what still needs attention.

Lighthouse / Storefront report

Check selected pages

Example

Homepage · Collection

Example Lighthouse device report

Example scores · Illustrative only

Before

First check

72

Performance

88

Accessibility

92

Best practices

90

SEO

After

After AI fixes · Example

100

Performance

100

Accessibility

100

Best practices

100

SEO

Example result

The example reaches 100 in every category.

Compare the first check with the result after AI fixes.

How the page loads

01
02
03
04

Compare the scores before and after the example fixes.

Example complete · All four scores reach 100

Choose how your store
appears online.

Control whether search engines can list your store, and choose its sharing image and browser icon. Publish your changes to make them live.

Skills

Give AI your way of working.

Save reusable instructions, such as your brand voice or a review checklist, for use across your themes.

  • Upload a skill file with your instructions.

  • Turn a personal skill on or off, or upload an updated version.

  • Choose a saved skill for your next request.

Skills

Settings → Developer → Skills

Example

SKILL.md · Example file

Brand voice

Write in our editorial voice.

Keep the wording calm, clear and specific.

Upload as a SKILL.md file.

Brand voice

Personal · Across your themes · On

Choose a skill in chat

Use the brand-voice skill: Rewrite this collection introduction.

Add your request
Preview, publish and revisit

Check it.
Then go live.

Try your changes away from the live store, review the release and publish when you’re ready.

01

Draft

Create and refine your storefront.

02

Staging

Try it in a separate test environment.

03

Review

Check what will change.

04

Publish

Make the reviewed version live.

Revisit an
earlier version.

Browse your published versions and return to an earlier one when you need to.

Returning to a storefront version does not undo changes to your stored data.

Published versions

Example

Preview an example storefront version

FORME / V03

The considered edit.

A refined collection homepage

Ivory blazer in an illustrative storefront version
Previewing the current example.
A few things to know

Good questions.
Clear answers.

From your first prompt to your next published version.

Describe your idea, choose a theme template or attach a reference image. You can also use a Figma design after connecting Figma with access to the design. Then refine the result in the preview.

You can begin with AI prompts and visual controls. Developers can also edit the generated theme files and set up custom tools, data connections and automation when the project needs them.

Yes. Connect supported services and import information into tables. Available actions depend on your accounts and setup. Publishing a storefront does not automatically copy every table’s records from the test environment to the live store.

Preview different screen sizes and use Lighthouse to check selected pages. AI can help fix issues, then check the result again. Some issues may still need attention. Review the release in your test environment before publishing.

You can review saved published versions and return to one that is still available. This restores the storefront version; it does not undo changes to your stored data.

The examples on this page show how Theme Studio works. They do not build a real store, connect services or make live changes.

Your idea. Your next storefront.

Let’s bring it to life.

See how Theme Studio can help you build, refine and launch your storefront.

Discover Fynd Commerce