Photoshop to Unity: PSD to Prefab Plugin Full Workflow

Community Showcases
1

Stop manually dragging and dropping UI elements! As a developer, I know how tedious it is to export every single layer from Photoshop and recreate the layout in Unity. That’s why I built this PSD to UGUI plugin—to bridge the gap between design and development instantly.
Get the plugin here: PSDToUGUI | GUI Tools | Unity Asset Store

:rocket: Key Features:

One-Click Conversion: Turn your complex PSD files into structured UGUI hierarchies in seconds.

Pixel-Perfect Precision: Maintain exact positions, sizes, and layer orders from your original design.

Smart Component Mapping: Automatically recognizes and creates Images, Buttons, and Text components.

Optimized Workflow: Designed specifically for indie developers and small teams to save hours of grunt work.

Ideal for:

Indie game developers looking to speed up their workflow.

UI/UX designers who want to see their designs in-engine quickly.

Unity developers tired of manual UI implementation.

2

If you add something like my Datasacks system to your PSDToUGUI system, you could really eliminate a lot of fiddling around with drag and drop connections stuff.

My Datasacks system lets you sprinkle generic scripts around very sparingly and directly write code to interoperate with them by name. It works like this:

20180724datasacksoverview
20180724datasacksoverview1199×926 143 KB

Datasacks is presently hosted at these locations:

If you are using any version of Unity later than Unity2021, it may be necessary to add this line to your Packages/manifest.json, or add it via the Package Mangler:

"com.unity.ugui": "1.0.0",