# How to Curve Text in Figma

Viewport: 1910x922 @1.25x

Playback: autoplay=false durationMs=3000 navBar=false arrows=true callouts=true browserBar=false browserTheme=light

1. [Intro] How to Curve Text in Figma
   - body: Follow these steps to curve your text in Figma using the Curve Text plugin. This guide will walk you through the process step by step, ensuring you can add stylish curved text to your designs effortlessly.
   - voiceover: Curving text in Figma can add a unique and appealing look to your designs. This guide will show you how to do it step-by-step using Figma’s features.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9hc59c10007kw0dk9djmd5x/cm9hci5tq00000ela9rxe1wrk.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
1. step_01 [image] - Open Figma.
   - source type: IMAGE
   - description: Open the Figma file where you want to curve text.
   - target: (502, 375), rect: top=0 left=241 width=1046 height=738
   - hotspots: 1
     - hotspot_01 (502, 375), rect: top=0 left=241 width=1046 height=738
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - voiceover: Launch the Figma application on your device to get started.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9hc59c10007kw0dk9djmd5x/cm9hci9mt00020elac1m96v4a.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9hc59c10007kw0dk9djmd5x/cm9hc5dsx000003huvhzeoh71.png
2. step_02 [image] - Click on Action button or click Ctrl+k.
   - source type: IMAGE
   - description: Access additional options in Figma.
   - target: (870.301912080773, 642.9750208801952), rect: top=686.4000244140625 left=869.5 width=32 height=32
   - hotspots: 1
     - hotspot_01 (870.301912080773, 642.9750208801952), rect: top=686.4000244140625 left=869.5 width=32 height=32
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - voiceover: Click on the Action button or press Ctrl+K to open the action search bar.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9hc59c10007kw0dk9djmd5x/cm9hci9nc00030ela5twf5boj.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9hc59c10007kw0dk9djmd5x/cm9hc5hpq000203hul078qr4w.png
3. step_03 [image] - Click Plugins & widgets.
   - source type: IMAGE
   - description: Navigate to plugins and widgets.
   - target: (718.5346087877231, 395.27977832312365), rect: top=0 left=0 width=0 height=0
   - hotspots: 1
     - hotspot_01 (718.5346087877231, 395.27977832312365), rect: top=0 left=0 width=0 height=0
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - voiceover: In the action search bar, click on 'Plugins & widgets' to open the plugins section.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9hc59c10007kw0dk9djmd5x/cm9hci9nv00040ela1xa2blko.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9hc59c10007kw0dk9djmd5x/cm9hc5j36000303huf62vrsy9.png
4. step_04 [video] - Click Curve Text button
   - source type: VIDEO
   - target: (773, 421), rect: top=400.3999938964844 left=565.5 width=397 height=24
   - hotspots: 1
     - hotspot_01 (773, 421), rect: top=400.3999938964844 left=565.5 width=397 height=24
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - clip: start=9.282 end=16.288 duration=7.006
   - video: url=https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9hc59c10007kw0dk9djmd5x/cm9hc59dl00010dkwgytcf3av.webm speed=1.5 muted=true
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9hc59c10007kw0dk9djmd5x/cm9hc59dl00010dkwgytcf3av.webm
5. step_05 [image] - Search for Curve Text and then select it.
   - source type: IMAGE
   - description: Choose the Curve Text plugin from the list.
   - target: (737.6296164231086, 398.3629752700436), rect: top=400.3999938964844 left=565.5 width=397 height=24
   - hotspots: 1
     - hotspot_01 (737.6296164231086, 398.3629752700436), rect: top=400.3999938964844 left=565.5 width=397 height=24
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - voiceover: Type 'Curve Text' in the search bar and select it from the search results.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9hc59c10007kw0dk9djmd5x/cm9hci9oi00050ela5txrffts.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9hc59c10007kw0dk9djmd5x/cm9hc5q2j000603hur7zksvgp.png
6. step_06 [image] - Adjust the setting like Name of text and 
 Spacing,offset,Action,font size.
   - source type: IMAGE
   - description: Select the text you want to curve.
   - target: (540.1994383052604, 366.6592647936948), rect: top=100 left=100 width=100 height=100
   - hotspots: 1
     - hotspot_01 (540.1994383052604, 366.6592647936948), rect: top=100 left=100 width=100 height=100
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - voiceover: Configure settings such as the name of the text, spacing, offset, action, and font size according to your preference.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9hc59c10007kw0dk9djmd5x/cm9hci9p800060ela1iqe1kuk.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9hc59c10007kw0dk9djmd5x/cm9hc9mdh00003j76hro92i33.png
7. step_07 [image] - Click on Create to insert it into your design.
   - source type: IMAGE
   - description: Adjust the curvature settings as needed.
   - target: (831.4592460483782, 653.1925923455134), rect: top=100 left=100 width=100 height=100
   - hotspots: 1
     - hotspot_01 (831.4592460483782, 653.1925923455134), rect: top=100 left=100 width=100 height=100
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - voiceover: Click on the 'Create' button to insert the curved text into your design.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9hc59c10007kw0dk9djmd5x/cm9hci9pw00070ela7ip63b2p.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9hc59c10007kw0dk9djmd5x/cm9hcagoe00013j76rvg0phve.png
8. step_08 [image] - Here we have you Curved Text.
   - source type: IMAGE
   - description: Apply the curved text effect.
   - target: (811, 450), rect: top=0 left=241 width=1046 height=738
   - hotspots: 1
     - hotspot_01 (811, 450), rect: top=0 left=241 width=1046 height=738
   - dimensions: 1910x922 @1.25x
   - layout: 1 (full)
   - voiceover: You have successfully added curved text to your design. Review it to ensure it meets your expectations.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9hc59c10007kw0dk9djmd5x/cm9hci9qi00080elae8tt3tj4.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM
   - image: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9hc59c10007kw0dk9djmd5x/cm9hc6c43000703huc2om3inm.png
10. [Outro] Congratulations 🎉
   - body: After applying the curve effect, you can further adjust the text's position and styling to fit your design perfectly. Experiment with different curvatures to achieve the desired look.
   - voiceover: Now that you have learned how to curve text in Figma, you can experiment with different settings and designs to enhance your projects further.
   - audio: https://cdn.layerpath.com/cm6jao3nc0004ju0cgnmqyz10/cm9hc59c10007kw0dk9djmd5x/cm9hci7sz00010ela5w873ywj.mp3
   - voice: 21m00Tcm4TlvDq8ikWAM

Source: https://share.layerpath.com/share/cm9hc59c10007kw0dk9djmd5x/tour