Skip to main content
Participant
March 22, 2012
Open for Voting

P: Add 9-Slice Scaling [CS6] [2012]

  • March 22, 2012
  • 41 replies
  • 4002 views

Add 9-Slice Scaling to Photoshop CS6. This would be hugely beneficial, especially with the advancements made with the shape tools.

41 replies

Participant
November 11, 2025

An update was made a couple days ago. If it doesnt work for you plase add an issue detailing the problem and what photoshop version you are using. 

Participant
November 7, 2024

Sigh. How long will it take before we get a 9 slice feature. Please!!!!

Participating Frequently
October 3, 2024

This is a far more simple and useful tool for most game devs and people trying to design functional UI. And yes, I agree with everyone in this community--why is it 2024 and this tool is still not here? 

 

I did manage to find a plugin here:https://github.com/ScottWoodhams/UI-9-Slicer

 

But, alas, this is no longer functioning in latest version of photoshop. The UI pops up, but nothing works. If someone with code knowledge can get this thing working I'm sure everyone in this thread would appreciate it!

Inspiring
August 20, 2024

I don't think the issue is exporting a 9 slice asset for most people.

What I would like to see is a smart object in Photoshop that I can scale in any dimension, and it works like a 9 slice in other applications. I.e. I can define within the smart object the 9 segments of my UI element (a button or window for example), and when I exit the smart object and scale it on my canvas, it automatically uses the 9 slice info to scale properly to any dimension (either by repeating segments or stretching, this should be an option).

Stephen Marsh
Community Expert
Community Expert
July 11, 2023

@Elise30771521d796 

 

Not a native feature, but scripts can easily do this (also possible with guide sets, slices and save for web).

 

________

 

The following one saves to PNG:

 

 
________
 
This one creates PSD:
 
 
Change:
 

var theX = 2;

var theY = 2;

 

To:

 

var theX = 3;

var theY = 3;

 

________

 

While this one saves JPEG:

 

 
Change:
 
var theX = 9;
var theY = 13;
 
To:
 
var theX = 3;
var theY = 3;
 

________

 

Info on saving and installing scripts here:

 

Participant
July 11, 2023

It's 2023 and there's still no 9-splice in PS? Wow

Participating Frequently
August 22, 2019
If you want to export large elements that will be nine-sliced in another app such as Unity or other game development tool, you may find the Nine-Slicer app useful. https://store.steampowered.com/app/839180/NineSlicer/?beta=0
Unfortunately, it doesn't help while designing in Photoshop.
Participant
July 25, 2019

seriously team-photoshop - ya'll suck for still not adding it by this point. i mean, fireworks has the capability, illustrator has it.. just port the [cursing removed] code over already?

Inspiring
July 23, 2019
This would be a huge time saver for us. We keep slicing up UI elements for mock-ups in Photoshop, and it's really tedious to do by hand.
Inspiring
May 2, 2019
Pleaseeeeeeeeeeeeeeeeeeeee gief this feature!!!