Back to Plugins
Text Resizer - Accessibility Checker

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 -&gt; Accessibility -&gt; Display &amp; 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>

text resizetextaccessibilityresponsivetext stylestypefacewcag-checkersmodularsizetype scaletypographyresizerfont

Plugin Preview

Text Resizer - Accessibility Checker 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

Version2
CreatedSeptember 27, 2020
Last UpdatedNovember 18, 2021
CategoryAccessibility tools
CreatorPratheep Kumar C
Stats8808 installs, 344 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Editor Types:
    figma