ThumbSpan
Check which parts of your UI within the average thumbspan
Plugin 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
- ThumbSpan adds a gradient Layer to your frames.
- It is recommended to apply it on a copy of the frame
- The Copy should not have any Auto Layout.
- It allows you to select Opacity and Hand Position
- It also allows you to select between Left and Right Hand
- 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
Version | 3 |
---|---|
Created | October 28, 2024 |
Last Updated | November 18, 2024 |
Category | Accessibility tools |
Creator | Shahab Khan |
Stats | 21 installs, 7 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Accessibility tools category.
Stark - Contrast & Accessibility Checker
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
Contrast
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥