Kyle Skelly – The Future Designer

Here’s What You Get:

40+ video lessons on designing, building and shipping real products — faster than ever, with AI.

AI workflows have taken the web industry by storm, and the future of web work will never be the same again.

The Future Designer is a course that will teach you how to utilise the power of these tools to not only 10x your output, but also your hireability to land big budget jobs.

The Future Designer isn’t replaced by AI,
they are the ones using it.

• 40+ videos, over 7 hours of lessons
• Free Brand Proposal Template
• Free Brand Guidelines Template
• Free Framer Portfolio Template
• Free Project Proposal Template
• Free Project Contract Template
• Lifetime Free Access to ShowOff.video
• Access to all future updates included

The Lessons

A fully modern curriculum:

Module 1
Design Basics in Figma

Intro to The Future Designer Course. What it’s about – 03:30

Design Philosophy / Why and what makes good design – 04:18

Design Fundamentals (Grid, Spacing, Typography, Colour) – 44:28

Auto Layout + Components – 19:50

Layouts – 08:23

Variables, Styles & Systems – 04:21

Project: Design a Landing Page – 58:16

Top Designer Secrets – 16:17

Module 2

AI Assets for Designers

Intro – Ways to use AI – Media, Second Brain, MCPs – 02:23

Creating AI Images – 10:53

Creating AI Videos – 08:03

Make your AI assets production quality – 07:46

AI as your second brain – 06:25

Using MCP’s – 06:31

When NOT to Use AI – 03:28

Module 3

Branding

Designing a Logo – 16:27

Designing a Full Brand + Guidelines

Module 4

Putting it All Together

Project Brief: Seven Grounds – 02:24

Module 5

No-Code Development

Framer vs Webflow vs WordPress & Others – 07:08

Project: Build a Portfolio in Framer – 13:50

Why Framer is Better than AI in most cases – 05:59

Module 6

AI Coding / Designing

Intro to Vibe Coding & Vibe Designing Tools – 02:53

Setting up Claude Code – 04:19

Vibe Prototype / Exploration – 06:55

The Hacky AI Way to Design FAST – 07:12

Project: Claude Code — Building out a design – 21:36

Project: Claude Code — CMS Integration – 07:16

Project: Claude Code — SEO, AEO… My Go-Live Checklist – 15:29

Project: Domain, Final Client Handover, Future Updates – 12:30

Award Winning Scrolling Sites Tutorial – 26:40

Build a Custom Branding Generator App for Clients – 07:44

What AI is best for certain things – 04:57

No-Code vs AI Code – When and Why – 02:49

Module 7

Get Seen

Building Your Portfolio – 08:56

X / Social Media Strategy for Designers – 02:15

Positioning Yourself as Hireable – 02:23

Module 8

Make Money

How to Find Clients – 07:04

How Much Should I Charge? – 03:16

Freelancing Stack, Proposals & Contracts – 08:22

Retainers, Passive Income & Receiving Money – 04:16

Module 9

A Futureproof You

Final Summary of everything we’ve covered – 02:22