Back to Plugins
Image 9-Slice

Image 9-Slice

Generate resizable 9-slice components from images

Plugin Preview

Image 9-Slice preview

About this plugin

Turn any image into a resizable 9-slice component in seconds.Image 9-Slice helps UI designers quickly create stretchable UI backgrounds while keeping corners intact.Just select an image, run the plugin, adjust slice values if needed, and a ready-to-use 9-slice component will be generated automatically.Perfect for buttons, panels, cards, and UI backgrounds that need to scale without distortion.Features:• Automatically trims the image into 9 parts• Automatically sets Constraints for proper resizing• Automatically generates a ready-to-use Component• Slice values are auto-filled and can be adjusted manuallyHow to use:Select an imageRun the pluginAdjust slice values (Top / Left / Bottom / Right)A 9-slice component is generated automaticallyThis plugin is designed to make scalable UI creation fast and effortless.

Plugin Details

Version1
CreatedMarch 6, 2026
Last UpdatedMarch 6, 2026
Categorydesign-tools-other
Creatoronederappli
Stats9 installs, 1 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none