Back to Plugins
TextFlex

TextFlex

Curve your text interactively in Figma and Figjam

toolarctextcurvetransformeffectellipsecirclecurve texttypefontsbendtypography

Plugin Preview

TextFlex preview

About this plugin

Select a text element in your canvas, then use TextFlex to create a curved version of it. Modify the curvature interactively by resizing a plugin-provided guide circle to bend your text into any sort of circular or elliptical shape you like!


Instructions:

  1. With the plugin running, select an existing text element in your canvas.
  2. Press the "Add to Canvas" button to place a curved version of your text into the canvas. The plugin will also add a temporary gray guide circle next to it for modifying your text's curvature.
  3. Select the gray guide shape and resize it to change the curvature of your text. The text will re-bend itself around the guide shape as you change its height and width.
  4. Edit your original text (change color, font, size, etc.) to update your curved text.
  5. When you're finished, click away or close the plugin to clean up the temporary guide shape.


To edit a previously-placed text curve:

  1. With the plugin running, select a previously-placed text curve in your canvas. The plugin will add a temporary guide shape matching the curve of your text.
  2. Select the gray guide shape and resize it to see the text re-bend itself around your guide shape's new dimensions.
  3. Optionally use the plugin's buttons to change the positioning of the text around the guide shape.
  4. Edit your original text (change color, font, size, etc.) to update your curved text.
  5. When you're finished, click away or close the plugin to clean up the temporary guide shape.



This is a plugin for purchase, but it comes with a free watermarked demo version so you can try it out and see if it's what you're looking for.



While you're at it, if you liked this plugin, check out these other widgets I helped create as well!


DateStamp - Keep track of how your work evolves.


FigLabels - Keep track of your work's status.

Plugin Details

Version45
CreatedSeptember 20, 2023
Last UpdatedApril 12, 2024
Categoryediting & effects plugins
CreatorJon Lewis
Stats3031 installs, 349 likes
PricingPaid

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/index.js
  • Document Access:dynamic-page
  • Network Access:

    Basic anonymous usage analytics to help guide future development and detect errors. No personal identifiable information is collected.

  • Editor Types:
    figma
  • Allowed Domains:
    • https://text-flex-analytics.jslewis.workers.dev