eight weeks forty nights
five nights a week, mon-fri, 5-8pm beirut. every week ships something, no theory-only weeks. taught end to end by Julien Hosri. this is the full session map behind the week-by-week view.
five kinds of night
not every session is a lecture.
- materiallecture-led teaching.
- buildhands-on figma lab.
- collabcase-study group work.
- talkdiscussion, critique, 1:1.
- milestoneorientation, evaluation, jury.
the whole cohort, at a glance
eight rows, five nights each. the friday of weeks 4, 7 and 8 are milestones.
phase dots: ● hand (craft, wk 1-4) · ○ brain (think, wk 5-7) · ● proof (ship, wk 8). accent corner = optional guest tech talk (weeks 4-5, up to 3, speaker-dependent).
every session, every goal
- wk 01hand
figma fluency
ships: trading cards challenge- monorientationorientation
everyone introduces themselves, the doctrine, the course map, tooling setup. no challenge tonight.
- tuefigma intro + trading cards live challengematerial
design tools, what figma is, the canvas and mechanics, then the timed trading-cards challenge to close.
- wedfigma core mechanics labbuild
constraints, boolean, corner radius, the 8pt grid, first components, building on the cards.
- thuvisual first principlesmaterial
contrast, hierarchy, alignment, proximity, affordance, whitespace, type basics.
- frifigma advanced + week-1 critiquecritique
components, auto-layout, collaboration, then critique of the trading cards + 1:1 reviews.
- mon
- wk 02hand
ui elements + states
ships: full ui kit- moncolor for interfacesmaterial
rgb vs cmyk, the wheel, schemes, meanings, 60-30-10, an accessible palette.
- tuetypography for interfacesmaterial
type families, weights, line height, the type scale, pairing.
- wedui elements I: input controls + statesbuild
buttons, inputs, toggles, pickers and the full state model, built as variants; a11y basics (contrast, targets, focus) seeded while building.
- thuui elements II: nav, informational, containersbuild
navbars, menus, modals, toasts, cards, forms with auto-layout + variants.
- friui kit assembly + critiquecritique
assemble the full ui kit, states coverage check, group critique + 1:1.
- mon
- wk 03hand
design systems + tokens
ships: figma library- mondesign systems + tokens theorymaterial
primitive vs semantic tokens, colour/type/spacing scales, naming, dark/light.
- tuefigma variables + modes labbuild
variables, collections, modes, building dark and light from one source.
- wedcomponents at scale + layout gridsbuild
props, variants, slots, grid types, layout grids inside a library; responsive basics (fixed/fill/hug) seeded here.
- thubuild the figma librarybuild
assemble and publish the library, usage docs, token + component QA.
- frifinal project primer + discussiondiscussion
intro the final project, pick and validate a startup idea, scope guardrails.
- mon
- wk 04handeval 1
prototyping + handoff
ships: interactive prototype- monthe design blueprint: idea → dev-ready handovermaterialguest talk?
the full studio process from brief to developer handoff, mapped to the project.
optional: opens with a ~60 to 90 min guest tech talk if a speaker is confirmed.
- tueprototyping in figmamaterial
flows, triggers, overlays, smart animate, variables, micro-interactions.
- wedprototyping labbuild
build a multi-screen interactive prototype with realistic states + transitions.
- thudeveloper handoff (figma-to-code)material
dev mode, specs, token export, the dev-ready checklist.
- frieval 1 + project kickoffeval 1
craft evaluation, then formal project kickoff and milestones for weeks 5-8.
- mon
- wk 05brain
ux fundamentals + a11y
ships: heuristic audit- monui vs ux + good vs bad designdiscussionguest talk?
the shampoo bottle, the pizza, what makes a design good vs bad.
optional: opens with a ~60 to 90 min guest tech talk if a speaker is confirmed.
- tueusability heuristicsmaterial
the 10 heuristics, the evaluation method, severity rating.
- wedaccessibility + wcagmaterial
wcag basics, contrast, targets, focus states, keyboard, screen readers.
- thuheuristic audit labcase study
team audit of a real product against the 10 heuristics plus a11y.
- friuser flows + project work + critiquecritique
user flows, apply the ux lens to the project, critique + 1:1.
- mon
- wk 06brain
research + product
ships: teardowns + personas- monthe ux process + research methodsmaterial
research, analysis, design, validation, and the methods behind each.
- tuecompetitive teardownscase study
tear down real products and competitors in your startup's space.
- wedpersonas, user stories, storyboardingmaterial
personas as the north star, user stories, storyboards for the project.
- thufrom research to structurematerial
sketches, wireframes, mockups, information architecture, moodboards.
- friproduct thinking discussion + project workdiscussion
problem framing, validate direction, critique + 1:1.
- mon
- wk 07braineval 2
ai workflows + responsive
ships: ai-built dashboard- monresponsive + adaptive systemsmaterial
fixed, fluid, adaptive, responsive, breakpoints, dashboard layout.
- tuelayout patterns + reading behaviormaterial
z and f patterns, balance, hierarchy applied to dense ui.
- wedai in the design workflowbuild
pro-literacy not anti-ai, prompting, design as the brief, an ai-built dashboard.
- thuai for research + project managementbuild
ai to accelerate research synthesis and to plan + manage the project.
- frieval 2 + final sprint planningeval 2
think evaluation, then plan the week-8 sprint to jury-ready.
- mon
- wk 08proofjury
final project + jury
ships: case study + demo- moncase study storytelling + resumeworkshop
structure a case study, portfolio narrative, resume to industry standards.
- tueframer I: build + publish your portfoliobuild
framer basics, import the project as a case study, publish live.
- wedframer II: polish + case study pagebuild
polish, responsive, custom domain, seo, certificate placement.
- thudemo-day prep + rehearsalworkshop
pitch structure, demo build, jury Q&A prep, a full dry run.
- frifinal jury / demo dayjury
present to the three-judge jury (Julien Hosri + 2 surprise guests), graduation.
- mon
your final project runs in parallel
one startup idea, taken from brief to a dev-ready prototype and a defended case study.
- wk 03primer: pick + validate your startup idea.
- wk 04kickoff: idea + scope only, map onto the blueprint, set milestones.
- wk 05ux lens + your core user flow.
- wk 06research, teardowns, persona, wireframe.
- wk 07hi-fi screens, responsive, ai where it earns it.
- wk 08case study, published portfolio, jury defense.
sequencing gate: weeks 3-4 are idea + scope only. no hi-fi on the project until the week-6 research is done, so every project runs research → design → ship.