Text Resizer - Accessibility Checker
<ul><li>Text Resizer helps you update your designs quickly and flexibly with respect to the base font size defined for 1rem</li><li>This plugin also comes handy when you design apps for iOS as this will help your designs adapt to the systems ability of increasing or decreasing font sizes (Users on iOS have the capability to do this via settings on their phone Settings -> Accessibility -> Display & Text Size)</li><li>Text Resizer is a must have plugin for every designer who cares about readability. Use this plugin to ensure that your layout is flexible and texts are legible for your users.</li></ul><p><br></p><p>HOW IT WORKS:</p><ul><li>Select text layer / frames / groups / components / instances / anything that contain text.</li><li>Open Plugins → Text Resizer - Accessibility Checker</li><li>Select your current base font size for 1 rem. (Learn more about <a href="https://www.w3.org/TR/css-values-3/#rem" rel="noreferrer noopener nofollow" target="_blank">rem and base font size</a>)</li><li>[Based on the above input value, all the selected fonts are internally converted to rem value]</li><li>Then input the new base font size you want to convert to.</li><li>Hit "Clone Selection with New Base Value" Button to see the magic.</li></ul><p>[Side Note: For frames, use auto layout to see the best results]</p><p>------------------------------------------------—</p><ul><li>Have any feedback or feature request or encountered any bugs? Write them to <a href="mailto:[email protected]" rel="noreferrer noopener nofollow" target="_blank">[email protected]</a></li></ul>
Plugin Preview
About this plugin
- Text Resizer helps you update your designs quickly and flexibly with respect to the base font size defined for 1rem
- This plugin also comes handy when you design apps for iOS as this will help your designs adapt to the systems ability of increasing or decreasing font sizes (Users on iOS have the capability to do this via settings on their phone Settings -> Accessibility -> Display & Text Size)
- Text Resizer is a must have plugin for every designer who cares about readability. Use this plugin to ensure that your layout is flexible and texts are legible for your users.
HOW IT WORKS:
- Select text layer / frames / groups / components / instances / anything that contain text.
- Open Plugins → Text Resizer - Accessibility Checker
- Select your current base font size for 1 rem. (Learn more about rem and base font size)
- [Based on the above input value, all the selected fonts are internally converted to rem value]
- Then input the new base font size you want to convert to.
- Hit "Clone Selection with New Base Value" Button to see the magic.
[Side Note: For frames, use auto layout to see the best results]
------------------------------------------------—
- Have any feedback or feature request or encountered any bugs? Write them to [email protected]
Plugin Details
Version | 2 |
---|---|
Created | September 27, 2020 |
Last Updated | November 18, 2021 |
Category | Accessibility tools |
Creator | Pratheep Kumar C |
Stats | 8808 installs, 344 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Editor Types:figma
More Like This
Discover other plugins in the Accessibility tools category.