Back to Plugins
Lazy Load

Lazy Load

<p>Lazy load lets you generate skeleton loading screens in one click. Now you can save enough time while designing loading screens for developer handoff.&nbsp;</p><p><br></p><p><strong>How to use the plugin?</strong></p><p>Select your screen</p><p>Run the plugin</p><p>Thats it!!</p><p><br></p><h2><strong>🔥 Pro Tips</strong></h2><p><br></p><p><strong>Want to ignore the background layers from being converted into skeleton?</strong></p><p>=&gt; Hide the layer or Reduce opacity to 0% (Shortcut: You can do this by simply pressing 0 twice)</p><p><br></p><p><strong>Want to ignore inner button text, icon vector or any child elements of a group or frame?</strong></p><p>=&gt; Lock the parent group or frame containing these elements (Shortcut: You can do this by ⌘+SHIFT+L )</p><p><br></p><h2>🤔 FAQs</h2><p><br></p><p><strong>Why are some of the elements in my screen not converted into loader elements?</strong></p><p>=&gt; By default the plugin is developed to ignore</p><ul><li>Layers with 0% Opacity</li><li>Layers with Disabled Visibility</li><li>Masked Layers</li><li>Layers with height/width less than 0.01</li></ul>

utilityloadloadingskeletonshimmerloaderlazy loadlazyproductivitylazyload

Plugin Preview

Lazy Load preview

About this plugin

Lazy load lets you generate skeleton loading screens in one click. Now you can save enough time while designing loading screens for developer handoff. 


How to use the plugin?

Select your screen

Run the plugin

Thats it!!


🔥 Pro Tips


Want to ignore the background layers from being converted into skeleton?

=> Hide the layer or Reduce opacity to 0% (Shortcut: You can do this by simply pressing 0 twice)


Want to ignore inner button text, icon vector or any child elements of a group or frame?

=> Lock the parent group or frame containing these elements (Shortcut: You can do this by ⌘+SHIFT+L )


🤔 FAQs


Why are some of the elements in my screen not converted into loader elements?

=> By default the plugin is developed to ignore

  • Layers with 0% Opacity
  • Layers with Disabled Visibility
  • Masked Layers
  • Layers with height/width less than 0.01

Plugin Details

Version2
CreatedJune 27, 2021
Last UpdatedAugust 17, 2021
CategorySoftware development
CreatorManik Chugh
Stats16757 installs, 548 likes
PricingFree

Technical Details

  • API:1.0.0
  • main:code.js