Back to Plugins
Magnifier

Magnifier

Create magnifier effect to showcase your design

documentationaspect ratiomagnifying glasseffectscalingresizemagnifierratioscalemarketingmagnifyzoom

Plugin Preview

Magnifier preview

About this plugin

Similar plugin: Draw a shape and create the pixelated censor effect


Features

  1. Zoom level from 1x to 5x
  2. Circle or rectangle shape
  3. Stroke color
  4. Corner radius


How to Use

  1. Draw/Place a rectangle over the area you want to magnify, then click "Apply"
  2. Adjust zoom levels, shapes, and other styles, then click "Update"
  3. Select "magnifier_group" at any time to make further updates


Use Cases

  1. Highlighting product features
  2. Explaining step-by-step processes in training materials
  3. Showcasing portfolios and marketing visuals


Pricing

  1. Enjoy 5 free uses with full access to all features.
  2. Unlock unlimited access with free future updates for a one-time purchase.


Tips

  1. After applying the magnifier effect, a group called "magnifier_group" is created. The group layer has a drop shadow effect, which you can adjust in the Design panel.
  2. Within the group, a "magnifier_shape" is created, that has a drop shadow effect for the white glowing effect inside the magnifier, and a stroke for the thickness of the magnifier, which you can adjust in the Design panel.
  3. Make sure the group and its children's names remain unchanged if you want to update it later.


Transform your designs with the magnifier effect, try it today!


Credit: Preview mobile screens by DI_Designing

Plugin Details

Version8
CreatedOctober 5, 2024
Last UpdatedNovember 7, 2024
Categoryediting & effects plugins
CreatorSaranomy
Stats126 installs, 14 likes
PricingPaid

Technical Details

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