Back to Plugins
CropTop

CropTop

Position cropped images in CSS-like way

cropimagecsspositionresizefillbackgroundalignment

Plugin Preview

CropTop preview

About this plugin

Bring the power of CSS's background-position right into Figma with CropTop! Perfect for designers who need precise control over their image positioning within layers. Whether you're working with a single image or handling multiple selections, CropTop streamlines the process and ensures your designs look sharp.


Key Features:


🌌 CSS Familiarity: Enjoy the intuitive and familiar CSS-like method for image positioning. It's the background-position feature Figma has been missing.


🛍️ Bulk Handling: Process multiple images at once with ease, making design iterations faster and more efficient.


Quick-Fix Sidebar Shortcut: Changed the size of a layer and squished your image? No problem. With one click in the sidebar, repeat the last positioning and get it looking perfect again.


How to Use:

  1. Select a layer or multiple layers in your Figma design.
  2. Open the CropTop plugin.
  3. Choose your desired position anchor.
  4. Let CropTop seamlessly position and adjust your images within the layers.


Feedback & Support:

Love CropTop? Your feedback fuels us. Encounter any issues or have feature suggestions? Please reach out in the comments. We're always working to make CropTop even better for you.

Plugin Details

Version1
CreatedOctober 10, 2023
Last UpdatedOctober 11, 2023
CategoryUncategorized
CreatorValery Alexeev
Stats68 installs, 5 likes
PricingFree

Technical Details

  • API:1.0.0
  • main:code.js
  • Editor Types:
    figma
  • Allowed Domains:
    • none

More Like This

Discover other plugins in the same category.

No similar plugins found in this category.