★ Unité 19

Prototyping and motion with AI

Make prototypes that answer real questions: pick the right fidelity, build components that react, add logic and state, choose motion that explains where people are, and use AI tools that turn prompts into working prototypes without being fooled by them. Then test what you made and hand it over so it becomes a real product.

🔒 L'unité 19 est réservée aux membres

Les unités 7 à 25 sont réservées aux membres du bootcamp. Connecte-toi si tu es apprenant, ou candidate pour nous rejoindre.

Se connecterRetour au cours gratuit

1Fidelity: how real should it be?Choose the cheapest prototype that can answer your question, from paper to code, and know what each level can and can't tell you.
2Components that reactBuild toggles, checkboxes and buttons whose states are variants, and make them respond to taps, hovers and presses in a prototype.
3Logic and state in prototypesUse variables and conditions to make one prototype behave differently depending on what has happened, and plan every branch your logic creates.
4Motion that explainsChoose transitions that tell people where they are, keep micro-interactions short, and make motion safe for everyone.
5Smart animate, properlyMake smart animate work by matching layers, know what it can and can't animate, and fix the mistakes that make it jump.
6AI prototyping toolsUse prompt-to-prototype and code-generating AI tools with the right design context, and review what they produce as carefully as anyone else's work.
7Testing prototypesPrepare a prototype for a test, write tasks that don't give the answer away, measure what happens, and know what a prototype can't tell you.
8From prototype to productSpecify behaviour so developers can build it, know what a coded prototype is and isn't, and make sure accessibility survives the trip.
★A tested, specified prototype with AIProjet