Design+Code Workshop — Tokyo

A full-day, hands-on Codex masterclass for senior designers, founders and product people. Learn the reference-to-skill workflow live, in Tokyo, alongside people who ship for a living.

Date To be announced Venue Tokyo — TBA 9:00 – 17:30 one day Seats 40, cap 45

Curated, not open-registration. Priced to filter for people who show up and build.

About the day

Judgment, not just prompts.

THE PROBLEM

Anyone can generate. Few can direct.

Getting an AI tool to produce work with taste, and doing it repeatably, is a different skill from writing a clever prompt once. Most people never get past the first draft.

THE PROMISE

A full day of live correction.

You build real work in Codex while an experienced practitioner critiques it in real time, so the feedback loop that normally takes months of solo trial and error happens in hours.

THE CONTRAST

One day beside a practitioner beats months alone.

You leave with a shipped, published artifact and a reusable method, not a stack of half-finished experiments and a bookmarked thread.

Proof

What the process produces.

A sample of the sites and artifacts built through this exact workflow.

Kage, a Kyoto-themed product site built with this workflow
KagePRODUCT SITE

Pricing

One ticket. One day. Everything included.

Standard

$400 / seat

Full day, all materials, the starter kit, and lunch.

  • All three hands-on build blocks
  • Data + strategy segments
  • Design Starter Kit (Codex skills, templates, checklists)
  • Lunch and networking session

Who's teaching

Meng To builds and teaches for the AI era.

The first time he has taught this workflow in person in Tokyo, with two Japan-based collaborators alongside him.

Founder

Meng To

Founder, Design+Code & Aura.build

25 years in design and two years deep in AI tooling. Has taught at Apple, Figma and PayPal, and built Design+Code to 200,000+ paying users.

177kX
346kYouTube
523kCombined

Manifest

I founded Design+Code after traveling for two years across the globe, teaching designers code and developers design.

In the era of AI, better prompting is only the start. The real edge is persistence, sharper workflows, and staying current while the tools change under your hands.

01

Designers need code intuition. Developers need design taste. Builders need both.

02

Prompting is a craft. Persistence is the multiplier. Workflow is how the work compounds.

03

The new studio is not a room. It is a stack of agents, references, templates, habits, and shipped products.

Also teaching

CL

Corey Lee

Fractional Head of Design, Tokyo

Ex-Figma Designer Advocate, now based in Tokyo. Runs "Methods I" for Offsite Japan and hosts the local network this event draws from. Leads the design-to-business-outcomes segment.

TokyoBased
OffsiteJapan
SG

Sacha Greif

Creator, State of AI / JS / CSS

Kyoto-based. Runs the State of AI 2026 survey and the Sidebar design newsletter. Opens the day with the data on how developers actually use AI right now.

7,258Respondents
KyotoBased

What you'll learn

The reference-to-skill workflow.

Seven steps, taught in order, applied to a real project across the day.

01

Reference

Pull apart a strong example before touching a prompt. What makes it work, structurally and visually.

02

Super Prompt

Turn that analysis into a prompt precise enough that Codex's first pass is usable, not a starting guess.

03

Design System

Lock the tokens, type scale and spacing rules before generation runs away from you.

04

Prototype

Get a working version fast, then judge it against the reference, not against a blank page.

05

Build

Push the prototype into real, shippable code in Codex.

06

Critique

Live review, in the room. Diagnose the weak section and rebuild it before end of day.

07

Reusable Skill

Turn whatever worked into a Codex skill you can call on the next project, not a one-off trick.

What gets examined in a reference

The step most people skip. Here's what step 01 actually covers:

  • Story and hierarchy
  • Proportion and rhythm
  • Typography and spacing
  • Colour and components
  • Motion and responsive behaviour
  • What Codex should preserve
  • What Codex should avoid

Outcomes

What you leave with.

01
A responsive product page with a coherent visual direction
02
A data section designed around a real question
03
A weak section you diagnosed and rebuilt yourself
04
A reusable Codex skill built from a method that worked
05
A published result, checked on desktop and mobile
06
A critique method you can reuse on your own work

Masterclass perks

Over $1,000 in tools, credits and support.

The workshop is the start. Every attendee leaves with the tooling and the community to keep building.

Mobbin, Aura, DreamCut

12 months of Mobbin Pro, Aura Build Pro and DreamCut Pro

US$432 VALUE

OpenAI

OpenAI & Codex API credits, plus 1 month of ChatGPT Plus

US$170 VALUE

SQ Collective

One-month Build Community Pass

S$300 VALUE

Notion

Up to 6 months of Notion Business with Notion AI

S$154 VALUE

Design+Code

Meng To's Design Starter Kit

INCLUDED

Alumni

30-day Alumni Build Channel

INCLUDED

Total attendee value

Across 6 partner offers

$1,000+

Partner offers are confirmed per city and may vary for Tokyo.

Who this is for

Built for designers and non-designers.

If you design

You already have the eye. This gives you the workflow to point Codex at a reference and get results that hold up to your own critique, without hand-coding every pixel yourself.

If you don't

You're a founder, PM, or growth lead who needs to ship real interfaces without waiting on a design queue. This gives you the judgment to know when the output is actually good.

Who this is not for

This is not a beginner introduction to AI tools. Come in already comfortable navigating a design or product tool, and ready to build for most of the day.

The day

Full agenda.

9:45 – 10:20State of AI 2026 — data segment with Sacha GreifTalk
10:20 – 11:00Design to business outcomes — strategy segment with Corey LeeTalk
11:10 – 12:30Hands-on 1 — Codex fundamentalsBuild
12:30 – 13:30LunchBreak
13:30 – 15:15Hands-on 2 — build a real projectBuild
15:30 – 16:45Hands-on 3 — ship and polishBuild
17:00 – 17:30NetworkingSocial

Venue & logistics

Where and what to bring.

Location

Tokyo — venue to be announced.

Nearest station

To be announced with the venue.

What to bring

Your own laptop, charger, and a project you'd like to work on. Power available at every seat.

FAQ

Good to know before you register.

What language is this taught in?

To be confirmed. We're deciding between English, Japanese, or a bilingual format and will update this page once it's locked.

What skill level do I need?

Comfortable in a design or product tool already. This is not an introduction to AI tools from zero.

What software do I need installed?

Details ship with your ticket confirmation, ahead of the event date.

What's the refund policy?

Full refund up to a cutoff date before the event, to be published alongside the final date and venue.

Register

40 seats. Curated, not open.

Tickets go live once the date and venue are locked. Join the list to get the first slot.

// TICKET REGISTRATION EMBED
// goes here once the event is live