Coding

8 topics

• When Code Beats Figma (Presentations, Proposals, Docs)
• HTML/CSS as a Design Medium (Not Syntax Reference)
• Layout & Typographic Control in Code
• Designing for Print & PDF (Print Styles, Page Breaks, Margins)
• From Design to Exported PDF — The Full Workflow
• Reusable Templates (Deck, Proposal, One-Pager)
• Vibe Coding a Document (Direct, Judge, Own)
• Owning the Output (Edit, Control, Version)

8 topics

• The Terminal for Designers (Fear to Fluent)
• Converting Files With Code (Images, PDFs, Formats)
• Batch Tasks (Rename, Resize, Organize at Scale)
• Generating Assets & Mockup Data
• Simple Automation for Repetitive Work
• Light Scraping & Pulling Content
• Scripts You Reuse Forever
• When to Automate vs When to Do It by Hand

8 topics

• The Layers: Frontend, Backend & the Line Between
• What Lives Where (and Why It Matters to You)
• APIs: How Systems Talk to Each Other
• MCP & the New Agent/Tool Workflows
• Data & Where It Lives (Databases, Shape of Data)
• Data-First Thinking for Designers
• Requests, Responses & What Happens Behind a Click
• Reading an Architecture to Direct It

7 topics

• What a Tech Stack Actually Is
• Reading & Choosing a Stack (Not Memorizing)
• Servers & Hosting, Explained for Designers
• Domains, DNS & Going Live
• Deployment & Environments (Dev, Staging, Prod)
• Build vs Buy (When to Use a Platform)
• Reading Logs & Knowing What Broke

8 topics

• What Vibe Coding Actually Is (& Its Trap)
• The Tools (Cursor, v0, Lovable, Claude & Co.)
• Directing: Briefing the AI With Design Intent
• Reading to Judge, Not to Write
• Iterating When the Vibe Breaks
• Knowing the Limits of Vibe Coding
• Ownership: Shipping What You Can Stand Behind
• Operator vs Designer: The Line That Protects You

7 topics

• Why Security Is a Designer's Problem Too
• Authentication vs Authorization (Simply)
• Secrets, API Keys & What Never Goes Public
• Common Vulnerabilities (in Plain Language)
• Handling User Data Responsibly
• Safe Defaults for Vibe-Coded Apps
• The Cost of Shipping Something Fragile

6 topics

• Ship a coded presentation and export it to PDF
• Turn a Figma one-pager into a live page
• Build and deploy a personal portfolio
• Vibe-code a small tool that solves a real workflow problem
• Convert a repetitive design task into a reusable script
• Take a design file and ship it live end-to-end

5 topics

• How a SaaS Product Is Structured (Layers & Data)
• What Happens Behind a Login (Auth & Security)
• How a Landing Page Gets Deployed & Served
• How an App Talks to Its APIs
• Where a Real Product Stores and Shapes Its Data

5 topics

• When Is Vibe Coding Enough — and When Does It Break?
• Build vs Buy: When Should a Designer Use a Platform?
• Do Designers Need to Understand the Backend?
• How Much Code Should a Designer Own?
• Is Shipping Fast Worth Shipping Fragile?

7 topics

• What Actually Happens After the Figma Frame
• Reading Your Own Design as Structure
• Design Tokens That Survive the Handoff
• Figma-to-Code Tools (What They Do & Don't)
• The Full Loop: Design → Build → Ship
• Where Designs Break in Translation (and Why)
• Owning the Result, Not Tossing It Over the Wall

4 topics

• States, Edge Cases & Errors as Build Instructions
• Turning Logic Into Something Buildable
• Why Vague Logic Produces Broken Builds
• From System Thinking to Working Product

4 topics

• Prompting for Code as Design Briefing
• Judging AI Output With Real Criteria
• Where AI Code Goes Generic (and How to Catch It)
• The Same Thesis: AI Generates, You Decide

4 topics

• Tokens & Variables in Real Code
• Vibe-Coding Consistent Components (Not Loose Screens)
• Keeping Figma & Code in Sync
• Why Systems Matter More at Scale