Learn the fundamentals of Instant with these tutorials made for those who are just getting started.
Figma to Shopify Workflow
In this course you'll learn how to build responsive Shopify stores faster with the Figma to Shopify plugin by Instant. Copy and paste any Figma frame to Instant and publish to your Shopify store in seconds without code.
Build Shopify pages with Grid
With Instant’s new Grid layout, you can design Shopify pages your way—place and scale elements anywhere, just like Figma or Canva. Watch our Grid 101 tutorial to see how it works.
Buy box course
Learn how to create an advanced Shopify buy box without code, including: variant dropdown picker, product subscription option, dynamically changing background colors, and so much more.
Building a page
Jump into our beginner-friendly tutorial and create your very first page from scratch! Learn the basics and get ready to design your next site confidently.
Get to know the ins and outs of every major Instant feature.
Blend Modes & Filters
Blend Mode lets you blend elements—like images, text, and colors—with the element underneath it to create eye-catching effects. Filters give you four options (blur, fill blur, greyscale, and invert) that can be applied to any element, effect, or animation!
Overlays and pop-ups with Instant explained
Whether you're highlighting a special offer, collecting emails, or guiding customers, this tutorial will show you how to create pop-ups that truly drive results.
Dynamic Product Fields
Now, it's easier than ever to create custom Shopify pages with dynamic product content, including Product Descriptions with Formatting, Variant Metafields, Option 1/2/3 Values, and Variant SKUs.
Image and URL Metafields
Metafields are now supported as a dynamic source for images and URLs! Whether it's displaying size guides or sharing advice like furniture installation tips or age range recommendations for toys, you can now add relevant product details using metafields.
Discover how to built pages from the world’s best performing online stores.
How to build a product section with tabs
Showcase your collections in one place: Design a product section with tabs! This section makes it easy for shoppers to browse through your products. All it takes is one click to switch between different collection views!
How to build a Shopify waitlist page
Learn how to create a Shopify waitlist page by recreating Blake Lively's soon-to-launch brand.
The secret to a mobile optimized Shopify store
This step-by-step tutorial reveals the key techniques for optimizing your online shop for smartphones.
How to Build Jones Road's Landing Page
In this step-by-step tutorial, we'll be recreating the sleek and professional landing page of Jones Road Beauty using Instant.
