Ebben a bemutatóban a Cursor új vizuális szerkesztőjét vizsgáljuk meg részletesen, különös hangsúlyt helyezve annak fő funkcióira és működésére. Az előadó lépésről lépésre mutatja be, hogyan hozhatunk létre és módosíthatunk felhasználói felületeket látványosan, a Figma-ból való kiindulással, majd azok átalakításával a Cursor környezetében.
A fejlesztő több népszerű vizuális webes eszközzel is összehasonlítja az élményt, mint például a Framer, a Webflow vagy a Figma, és felveti, hogy ezekhez képest milyen újdonságokat és kihívásokat kínál a Cursor. Részletesen kitér arra, miként jelennek meg a komponensek hierarchiája, a DOM elemek, és hogyan módosíthatjuk a CSS tulajdonságokat valós időben.
A vizuális módosítások mellett szó esik arról, hogy az egyes változtatások LLM-hívásokon (nagy nyelvi modelleken) keresztül valósulnak meg, ami speciális felhasználói élményt és néhány hátrányt is magával hoz, például a mentés és frissítés folyamatának bonyolultságát. Az előadó a folyamat során többféle megoldáson gondolkodik el, ösztönözve a nézőket, hogy ők is fedezzék fel az eszközben rejlő lehetőségeket.
A prezentáció során kreatív példák mellett, mint a színek módosítása vagy a gombok elrendezése, gyakorlati tippeket kapunk arról, miként gyorsíthatjuk fel a munkafolyamatot, és hogyan tehetjük hatékonyabbá a vizuális szerkesztést fejlesztői szemmel. Felmerül az is, hogy a jelenlegi megoldások hogyan fejlődhetnek a közeljövőben, és milyen irányba haladhat tovább a vizuális fejlesztői eszközök piaca.
