Figma to Unity Game UI Tutorial Part 2 | Skinning Wireframes & Art Implementation
76Welcome to Part 2 of this Figma to Unity Game UI Tutorial series! In this video, we’ll take the wireframe we created in Part 1 and add some stylised art to match our game’s aesthetic. I’ll walk you through the process of exporting UI assets from Figma to Unity and then setting up the wireframes in Unity, all while applying the final art pass to get a polished, ready-to-test screen!
What You’ll Learn in This Video:
How to skin your wireframe with art assets that match your game style.
Exporting basic UI assets from Figma to Unity with the best practices.
Setting up your UI elements in Unity and applying your art to create a finished screen ready for testing.
Timestamps
0:55 Link to Figma Scrolling Background Texture Video
06:21 Art Pass on Task Item in Game Style
12:40 Fixing Up Variant States
16:50 Basic Asset Export from Figma to Unity
22:40 Unity UI Wireframing & Art Setup
32:50 Creating Reusable Unity Task Item Prefab
33:52 Adding a Unity UI Scroll View
Download Dungeon Ballerz!
https://play.google.com/store/apps/details?id=com.thunderpaw.DungeonBallerz
Support the channel on Patreon: Join me on Patreon for exclusive content, behind-the-scenes updates, and more: https://www.patreon.com/c/WarrenWinters