Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Figma to Shopify
Start Here
Course Overview
Join the Community
Design for Developers
Design to Development Process (13:03)
Choosing a Shopify Theme (28:19)
Figma for Developers (18:58)
Shopify Store Setup
Creating a Development Store (7:08)
Adding Pages and Navigation (8:20)
Configuring Theme Settings (27:04)
Setting up the Theme’s Templates (31:27)
Integrating a Reviews App (5:20)
Styling Sections
HTML Basics (6:19)
CSS Basics (8:46)
Quiz: HTML & CSS
Using Chrome DevTools (9:51)
Adding a Custom Font (22:49)
Styling Existing Sections (24:41)
Creating New Sections
Theme Architecture (9:52)
Liquid Basics (9:26)
JSON Settings (7:18)
Quiz: Liquid & JSON
Modifying an Existing Section: Testimonials (15:40)
Creating a New Section: Marquee (16:04)
Adding and Displaying Metafields (8:54)
Project Wrap Up
Website Testing and Handover
Share Your Feedback
Got results? Have feedback? Click here to share your thoughts!
Teach online with
Got results? Have feedback? Click here to share your thoughts!
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock