Figma to Unity Game UI Tutorial Part 2 | Skinning Wireframes & Art Implementation

Subscribers:
3,720
Published on ● Video Link: https://www.youtube.com/watch?v=OrmBi6IFQr0



Duration: 0:00
2,829 views
76


Welcome 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




Other Videos By Warren Winters


2025-02-14U+I - the Cozy UI Club | A hub for designers, developers and creatives who share a passion for UI.
2025-02-12Figma Game UI Design Ghost HQ UI Tutorial in Figma – Tips & Insights
2025-02-04Figma Game UI - GHOST HQ Mobile Game Button Design with Figma Variants and Prototyping
2025-02-01Figma Game UI - Easy Animated Call To Action for Your Game UI Prototype - Figma Variants
2025-01-22Figma to Unity Game UI Tutorial Part 2 | Skinning Wireframes & Art Implementation
2025-01-22Game UI Wireframing in Procreate & Figma Tutorial Part 1 | Daily Task Screen Design
2025-01-22Unity Game UI Tutorial Part 3 | Art Pass, UI Testing & Final Thoughts
2025-01-07⚡️Creating a ‘Drink a Mana Potion’ Speed Drawing in Procreate #procreate #gameart #art #procreateart
2024-07-11Figma UI Looping and Scrolling Texture Squad Busters x Dungeon Ballerz
2024-03-27Clash Mini Figma Game UI Tutorial #figma #gameshorts #ui
2024-03-25This UI was harder than it should have been! Figma Game UI Clash Mini Tutorial
2024-03-15Figma Game UI - Clash Mini Game User Interface Speed Build
2024-03-01This Figma Plugin Just Changed the UI Game - Forever? #figmadesign #figmaplugin #ui #figma
2024-02-29This Figma Plugin Just Changed the UI Game - Forever?
2024-02-08Figma Game UI - Gardenscapes Game UI Tutorial
2024-02-06Figma Game UI - Gardenscape Game UI Speed Build
2023-12-01Game UI Tutorial - New World UI Amazon Games Photoshop UI Tutorial
2023-11-24Game UI - New World Game UI Amazon Games Photoshop UI Tutorial
2023-11-17Figma UI Quickly Add Multiple Images to Objects #figma #figmatutorial #ui #figmatips
2023-11-16Figma UI - Marvel Snap Game UI Tutorial
2023-11-14Figma Game UI Royal Match Game UI Tutorial