Brickspace Lab
Contact usContact ShopifyTry a theme
General
General
  • Theme support
  • General
    • Contact support
    • Theme comparisons
  • Theme basics
    • Edit default content
    • Use custom templates
    • Use and install apps
    • Improve page speed
    • Update your theme
    • SEO for Shopify
  • Accessibility for Shopify
  • Developer guides
    • Advanced customizations
  • Use a custom font
  • Install a review app
  • Design with Figma
  • Support
    • Support policy
    • Theme license
    • Store access request
    • Hire a Shopify developer
  • Partners
    • Theme affiliate program
Powered by GitBook
On this page

Was this helpful?

Edit on GitHub

Design with Figma

Last updated 3 days ago

Was this helpful?

Generate Figma file from your Shopify theme

Figma can be a valuable tool for creating custom designs for your Shopify theme. While we don't have an official Figma template for our themes, you can still achieve great results using the html.to.design Figma plugin.

1

Install the Figma Plugin

  • To get started, you'll need to install the html.to.design Figma plugin. This plugin will allow you to import your entire demo theme into Figma for customization.

2

Import Your Demo Theme

  • Once the plugin is installed, use it to import your demo theme into Figma. This will serve as your starting point for customization.

3

Make Design Tweaks

  • Now that you have your theme in Figma, you can start making design tweaks. Adjust elements, colors, and layouts to match your client's requirements.

html.to.design