Back to Plugins
ThumbSpan

ThumbSpan

Check which parts of your UI within the average thumbspan

accessibilitythumb spanthumb reach

Plugin Preview

ThumbSpan preview

About this plugin

ThumbSpan helps you determine which UI elements

are particularly hard to reach with the thumb while using

the phone one-handed.


The Area of Reach of the thumb has been based on empirical evidence, sourced from academic studies. Please see the last picture for the current supported one-handed phone positions, more to be added soon...


How Does it Work

  1. ThumbSpan adds a gradient Layer to your frames.
  2. It is recommended to apply it on a copy of the frame
  3. The Copy should not have any Auto Layout.
  4. It allows you to select Opacity and Hand Position
  5. It also allows you to select between Left and Right Hand
  6. These Layers can be cascaded - applied one after another (You can apply it for both Left and Right hand together)




This Plugin is still in Beta, Please send any bug reports and feature requests to my email: [email protected]

Plugin Details

Version3
CreatedOctober 28, 2024
Last UpdatedNovember 18, 2024
CategoryAccessibility tools
CreatorShahab Khan
Stats16 installs, 7 likes
PricingFree

Technical Details

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