How to use Chime’s Text Volume plugin
Measuring your text volume:
- Select the Figma frame that contains text you’d like to measure
- Detect your text
Automatic detection: Select “Detect text” button and Text Volume will automatically highlight your text.
Manual detection: Create a rectangle with a fill of #ff0000 and a 50% opacity. This is important because it’s how the plugin recognizes your rectangles from all the other goodies in the frame.
3. Note: These rectangles are how the plugin recognizes areas with text. If you happen to have rectangles with these design properties already in your frame, you’ll want to change them temporarily.
4. If using manual detection: Once you have your beautiful red rectangles accurately covering all of the text, give the “Calculate” button a boop.
Tips
- The button Detect Text will render rectangles on top of any existing text boxes. Those text boxes might not be the same size as the text you care to measure, so be sure to double check the rectangle sizes.
- The button Clear Detections will only be able to clear rectangles with the unique auto-generated name. Feel free to copy and paste those in your measurements.
- If you’re measuring a static image, just draw those same red rectangles, then click “Calculate.”
- The measurement rectangles cannot be inside a frame, they must be on the Figma Page level.
- Consider locking the frame you’re measuring, this will make it easier to draw over it with rectangles.
About the plugin’s creators:
- Ben Snyder is an enterprise tools designer. You can connect with him on LinkedIn
- Harold Kim is a systems designer. Find him on LinkedIn.
- Jason Fox is a content designer. He tweets @Jasinfox
