Ebben a videóban egy újfajta alkalmazás prototípusának elkészítésébe nyerünk betekintést, ahol az AI-t arra használjuk, hogy egy termék – jelen esetben egy Cheezits csomag – tápanyagértékeit a telefon kamerájával beolvasva automatikusan kinyerjük és kiértékeljük.
A folyamat bemutatása során a tervező először a felhasználói felületet hozza létre Figma design segítségével, majd ezt átviszi a Figma Make eszközbe, ahol az applikáció működését és az AI integrációját is kialakítja.
A UI-tervezésen túl részletesen megismerhetjük, hogyan használhatók különféle pluginek, hogyan kell gyorsan látványos, mégis praktikus mobilfelületeket tervezni, és hogyan biztosítható az automatikus elrendezés a későbbi működéshez.
Érdekes kérdésként merül fel, hogy milyen módon kérhető be a kamera-hozzáférés böngészőben, illetve hogyan oldható meg az adatfeldolgozás a Gemini 2.5 flash AI segítségével úgy, hogy az app kizárólag a szükséges makrotápanyagokat (fehérje, szénhidrát, zsír, kalória) nyerje ki a címkéről.
Tovább boncolgatja azt is, milyen lépések szükségesek, ha az AI-integráció vagy a front-end kialakítás hibás, illetve hogyan lehet ezt gyorsan korrigálni akár API-kulcs vagy vizuális elrendezés módosításával.
A bemutató alkalmával azt is megnézhetjük, hogyan lehet gyors animációkkal és rövid összefoglaló szövegekkel gazdagítani a prototípust, illetve milyen további kérdések merülnek fel egy ilyen, egészség- és tápanyagfókuszú app fejlesztése közben.
