Home / Blog / Tutorials

Tutorials

Hands-on tutorials for Figma, AI design tools, and modern product workflows.

How I Set Up a Grok Bot AI Team With 18 Bots

How I Set Up a Grok Bot AI Team With 18 Bots

Nov 7, 2026

Tutorials
How I Built an Award-Worthy Website with Claude in 15 Minutes

How I Built an Award-Worthy Website with Claude in 15 Minutes

Oct 29, 2026

Tutorials
Screenshot to Code With Claude: Can It Really Rebuild a Whole Page?

Screenshot to Code With Claude: Can It Really Rebuild a Whole Page?

Oct 22, 2026

Tutorials
Mobbin MCP with Claude

Mobbin MCP with Claude

Oct 21, 2026

Tutorials
Claude Opus Remotion and Three.js

Claude Opus Remotion and Three.js

Oct 7, 2026

Tutorials
What Happens When You Give AI Real Design References

What Happens When You Give AI Real Design References

Sep 24, 2026

Tutorials
The Relume Publish Workflow: How I Build Client Websites Without Losing My Mind (or My Weekend)

The Relume Publish Workflow: How I Build Client Websites Without Losing My Mind (or My Weekend)

Sep 15, 2026

Tutorials
I Turned My Website Into a Design System With Claude Code — Then Built an App With It

I Turned My Website Into a Design System With Claude Code — Then Built an App With It

Sep 3, 2026

Tutorials
How to build a SaaS with AI

How to build a SaaS with AI

Aug 27, 2026

Tutorials
AI design workflow without slop

AI design workflow without slop

Aug 14, 2026

Tutorials
How I Use an AI Website Design Workflow to Go From One Prompt to a Live, Award-Worthy Site

How I Use an AI Website Design Workflow to Go From One Prompt to a Live, Award-Worthy Site

Jul 28, 2026

Tutorials
How Framer AI agents work

How Framer AI agents work

Jul 1, 2026

Tutorials
From Figma to Code in Seconds — Without Spending a Single Token

From Figma to Code in Seconds — Without Spending a Single Token

Jun 25, 2026

Tutorials
Claude Design to Figma export

Claude Design to Figma export

May 28, 2026

Tutorials
MagicPath 2.0 AI design agents

MagicPath 2.0 AI design agents

May 21, 2026

Tutorials
This Claude Prompt Audits Your Website for SEO and AI Search — and Gives You the Actual Code to Fix It

This Claude Prompt Audits Your Website for SEO and AI Search — and Gives You the Actual Code to Fix It

May 14, 2026

Tutorials
There's an AI Design Agent Living Inside Figma Now — And Most Designers Have No Idea

There's an AI Design Agent Living Inside Figma Now — And Most Designers Have No Idea

May 2, 2026

Tutorials
How I Built a $5,000 Agency Website in Under an Hour Using AI (Full Workflow)

How I Built a $5,000 Agency Website in Under an Hour Using AI (Full Workflow)

Apr 16, 2026

Tutorials
Figma Weave tutorial

Figma Weave tutorial

Apr 10, 2026

Tutorials
Claude Code Figma design system

Claude Code Figma design system

Mar 27, 2026

Tutorials
Claude Code and Figma MCP

Claude Code and Figma MCP

Feb 28, 2026

Tutorials
Google Stitch app design guide

Google Stitch app design guide

Feb 19, 2026

Tutorials
How to Design a Real App with Figma Make (That Doesn’t Look Generic)

How to Design a Real App with Figma Make (That Doesn’t Look Generic)

Jan 22, 2026

Tutorials
Build a landing page with AI

Build a landing page with AI

Jan 17, 2026

Tutorials
How to Get Better UI Design with Figma Make and AI (Without Generic Results)

How to Get Better UI Design with Figma Make and AI (Without Generic Results)

Dec 22, 2025

Tutorials
How to Turn Your Figma Designs into Real Apps Using MCP and Cursor (Step-by-Step Guide)

How to Turn Your Figma Designs into Real Apps Using MCP and Cursor (Step-by-Step Guide)

Dec 5, 2025

Tutorials
How to Build a Fully Functional Calculator Component in Framer using ChatGPT and Cursor

How to Build a Fully Functional Calculator Component in Framer using ChatGPT and Cursor

Dec 4, 2025

Tutorials
Remix the web with MagicPath Chrome Extension

Remix the web with MagicPath Chrome Extension

Nov 3, 2025

Tutorials
App Launchpad screenshots

App Launchpad screenshots

Oct 23, 2025

Tutorials
Figma Make vs Cursor

Figma Make vs Cursor

Oct 23, 2025

Tutorials
How to Build a Figma Design System with Variables and Design Tokens

How to Build a Figma Design System with Variables and Design Tokens

Oct 7, 2025

Tutorials
How to build a carousel creator web app using Cursor and Figma

How to build a carousel creator web app using Cursor and Figma

Sep 12, 2025

Tutorials
How to use Nano Banana AI? Compare Krea.AI, Gemini & Firefly

How to use Nano Banana AI? Compare Krea.AI, Gemini & Firefly

Sep 4, 2025

Tutorials
MagicPath Design Reference: The Smartest Way to Reuse UI Elements

MagicPath Design Reference: The Smartest Way to Reuse UI Elements

Aug 25, 2025

Tutorials
MagicPath AI review and tutorial

MagicPath AI review and tutorial

Jul 4, 2025

Tutorials
Figma MCP and Cursor guide

Figma MCP and Cursor guide

Jun 26, 2025

Tutorials
How to Create Apple’s Liquid Glass Effect in Figma

How to Create Apple’s Liquid Glass Effect in Figma

Jun 17, 2025

Tutorials
Guide to Input Fields Components in Figma

Guide to Input Fields Components in Figma

Apr 17, 2025

Tutorials
Interactive image gallery in Figma for FLUX Academy

Interactive image gallery in Figma for FLUX Academy

Nov 7, 2024

Tutorials
How to easily create complex Figma components & variants

How to easily create complex Figma components & variants

Nov 3, 2024

Tutorials
How to Earn Extra Money with Framer Partner Program

How to Earn Extra Money with Framer Partner Program

Sep 12, 2024

Tutorials
Sticky Scroll Animation in Figma | Tutorial for Beginners

Sticky Scroll Animation in Figma | Tutorial for Beginners

Aug 23, 2024

Tutorials
5 Figma Tips To Scale up Your Workflow

5 Figma Tips To Scale up Your Workflow

Aug 9, 2024

Tutorials
How to Redesign Logo Step-by-step Process Tutorial

How to Redesign Logo Step-by-step Process Tutorial

Jul 25, 2024

Tutorials
How to use Figma Variables as a system

How to use Figma Variables as a system

Jul 11, 2024

Tutorials
Framer Custom Forms with Confetti Animation Component Override

Framer Custom Forms with Confetti Animation Component Override

Jun 27, 2024

Tutorials
Custom Blog CMS Made Easy | Framer Tutorial

Custom Blog CMS Made Easy | Framer Tutorial

May 31, 2024

Tutorials
How to make hamburger animation in Figma

How to make hamburger animation in Figma

May 16, 2024

Tutorials
How to create responsive bento style landing page in Framer

How to create responsive bento style landing page in Framer

Feb 15, 2024

Tutorials
Easiest tool to build a website in 2024 from scratch

Easiest tool to build a website in 2024 from scratch

Feb 10, 2024

Tutorials
Top 5 Reasons You Shouldn't Become Web Designer in 2024!

Top 5 Reasons You Shouldn't Become Web Designer in 2024!

Feb 1, 2024

Tutorials
How to Create “Add to Cart” Button Animation in Framer

How to Create “Add to Cart” Button Animation in Framer

Nov 30, 2023

Tutorials
5 Amazing Button Animations in Figma

5 Amazing Button Animations in Figma

Nov 23, 2023

Tutorials
Parallax Hero Animation in Figma

Parallax Hero Animation in Figma

Nov 2, 2023

Tutorials
How to create Parallax Scroll Animation In Figma

How to create Parallax Scroll Animation In Figma

Oct 27, 2023

Tutorials
How to create a button the right way?

How to create a button the right way?

Oct 19, 2023

Tutorials
Responsive design in Figma using Auto Layout and Local Variables

Responsive design in Figma using Auto Layout and Local Variables

Oct 2, 2023

Tutorials
How To Make Filters Animation Using Figma Local Variables

How To Make Filters Animation Using Figma Local Variables

Sep 14, 2023

Tutorials
How to Animate Like Counter Using Figma Variables

How to Animate Like Counter Using Figma Variables

Sep 6, 2023

Tutorials
Create a counter using local variables in Figma

Create a counter using local variables in Figma

Aug 31, 2023

Tutorials
How to animate carousels in Figma

How to animate carousels in Figma

Aug 29, 2023

Tutorials
"Add To Cart" Button Animation Tutorial in Figma

"Add To Cart" Button Animation Tutorial in Figma

Jul 31, 2023

Tutorials
How to use Figma Variables?

How to use Figma Variables?

Jul 24, 2023

Tutorials
Creating Art with AI: Adobe Firefly

Creating Art with AI: Adobe Firefly

May 24, 2023

Tutorials

Become the Designer Who Can Ship High-End Sites Fast — and Keep 100% of the Revenue 😎

Stop waiting on developers. Start shipping complete websites — and keep all the revenue that comes with it.

Book a 1:1 Session
1:1 sessions and design consultations with Sergei Chyrkov