Ghost Frames

About this plugin

Transform your text layers into beautiful ghost frames with a single click! Perfect for creating redacted versions of your UI designs, placeholder mockups, or anonymised portfolio pieces.

🎯 Key Features:

1. Converts any text layer into a rounded rectangle frame
2. Preserves text colours and styling
3. Maintains original text dimensions and positioning
4. Smart opacity based on text size and length
5. Works with nested components and instances
6. Handles mixed text styles within layers

✨ Use Cases:

1. Create clean, minimalist versions of UI designs
2. Make placeholder/redacted versions for client presentations
3. Generate anonymised screenshots for portfolios
4. Prototype loading states and skeleton screens
5. Create beautiful marketing materials without exposing sensitive content

🛠️ How it works:

Simply select any frame containing text layers and run the plugin. It will automatically convert all text elements into ghost frames whilst preserving their visual hierarchy and styling. The result is a clean, professional representation of your design that maintains visual structure without exposing actual content.

🎨 Pro tip: Use it on component instances to quickly create skeleton loading states that match your actual UI!

Thanks to Bony Fasius Gultom (@itsmebfg) on the community for the free Coffee App mockup used in the plugin visual.