Get Started with Studio

Written By Luke Wakefield

Last updated About 5 hours ago

Site Setup

There are 2 ways to get started with Studio (although we recommend watching the videos below first):

  1. StudioKit Site Template (recommended): Copy a Site Template from the Marketplace

  2. Install the Studio Module to an existing site (advanced): Install Studio Module

Design Implementation

Once you have a Site setup there are a few different ways to build out a website starting with the design:

  1. Import a Design from Figma, other design tools or even just screenshots/images

  2. Import an existing website design (HTML/CSS)

  3. Customise our StudioKit design

Import Design from Figma

Give your chosen AI tool the Figma design and it can import into Siteglide setting it up as a Studio Library or Theme will full Studio setup for Sections and Pages:

This shows the process, AI design results may vary but the skill files help ensure the Siteglide/Studio setup is correct.

Import an existing website design (HTML/CSS)

This walkthrough shows how easily you can import an existing web page design using your preferred AI tools (we use and recommend Cursor):