Back to Plugins
Circular Text

Circular Text

Create beautiful curved text along circular arcs

Plugin Preview

Circular Text preview

About this plugin

Create stunning circular text effects in seconds. ARC lets you bend text along perfect circular arcs with precise control and instant visual feedback.


✨ KEY FEATURES


• Real-time Canvas Preview

See your curved text instantly as you adjust parameters


• Precise Control

Bend Strength: -100% to +100%

- Negative values: Curve downward

- Positive values: Curve upward

- 50% = Perfect semicircle

- 100% = Complete circle


• Professional Interface

Clean split-panel layout with 65% preview area

Designed following Figma's design system


• Flexible Zoom

Preview Zoom: 10% to 500%

Zoom in to perfect every detail


🎯 HOW TO USE


1. Select any text layer in your design

2. Run "ARC - Bend Your Type" plugin

3. Adjust Bend Strength slider (-100% to +100%)

4. Use Preview Zoom to inspect details

5. Click "Apply" to create your arc text


💡 USE CASES


• Logo Design - Create circular brand names

• Badge Design - Perfect for round badges and seals

• Decorative Text - Add visual interest to headers

• Social Media Graphics - Eye-catching circular text

• Print Design - Professional curved typography


🔧 TECHNICAL FEATURES


• Preserves original font styles and properties

• Maintains text color and spacing

• Creates grouped text nodes for easy manipulation

• Non-destructive workflow (keeps original text hidden)

• Fast and performant rendering


⚡ QUICK TIPS


• Use small values (10-30%) for subtle curves

• 50% creates a perfect semicircle

• 100% creates a complete circular text

• Negative values curve text downward

• Use Reset button to start over


Perfect for designers who want to add dynamic circular text effects without leaving Figma!

Plugin Details

Version1
CreatedNovember 5, 2025
Last UpdatedNovember 5, 2025
Categoryediting & effects plugins
CreatorDavid
Stats17 installs, 0 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/index.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none