Ez az oktatóvideó lépésről lépésre mutatja be, hogyan készíthetünk működő kapcsoló (switch) UI-elemet az Adobe XD segítségével. Az első lépések között a megfelelő artboard kiválasztása és néhány alapvető forma – például lekerekített téglalap és kör – létrehozása szerepel.
A kreatív folyamat során szó esik a színek, sarkok és szegélyek testreszabásáról, valamint arról, hogyan lehet az aktív és inaktív állapotokat vizuálisan megkülönböztetni. A felület további részleteinek kialakításához a szövegek és vonalak hozzáadását is bemutatja az előadó.
A tutorial külön kitér arra, miként lehet különféle UI-kitek (például Apple iOS, Google Material vagy Microsoft Windows) ikonokat kölcsönözni, elrendezni és igazítani. A részletes folyamat során sor kerül a repeat grid funkció használatára is, amivel hatékonyan ismételhetőek a felület elemei.
Az animációs lehetőségeknél az egyes állapotok közötti váltás prototípusozásával is foglalkozik, bemutatva különböző átmenetek beállítását és előnézeti funkcionalitását. A végén a felhasználók betekintést kapnak abba, hogyan lehet mindezt használni prezentációban vagy egy alkalmazás terv elkészítésekor.
