Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Contact Us
  • Home
  • Figma Design – Figma Learn
  • Create designs
  • Design with vector tools

Convert text to vector paths

Written by Figma Man

Updated at June 19th, 2025

Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Administration – Figma Learn
    Manage files and projects Manage a team Manage your account Manage a Figma organization Manage Enterprise plan settings and permissions Billing Manage Figma in a school
  • Figma Design – Figma Learn
    Create prototypes Import and export Create designs Tour the interface Dev Mode Work together in files Build design systems Figma Draw
  • Get started – Figma Learn
    Set up your account Layers 101
  • FigJam – Figma Learn
    Import and export Run meetings Work on boards Tour the interface
  • Community – Figma Learn
    Explore the Community Creator tools and resources
  • Help – Figma Learn
    Troubleshoot Common questions Work with support
  • Work across Figma – Figma Learn
    Figma AI Work across Figma
  • Courses, tutorials, projects – Figma Learn
    Courses Projects
  • Figma Slides – Figma Learn
    Create and edit slides Present slide decks Tour the interface Import and export
  • Figma Buzz – Figma Learn
    Templates in Figma Buzz Create and edit assets in Figma Buzz Overview
  • Figma Make – Figma Learn
    Tour the interface Work with Figma Make
  • Figma Sites – Figma Learn
    Design a site Create webpages and breakpoints Make your site interactive Preview and publish a site Tour the interface
+ More

Table of Contents

Flatten a text layer Outline a layer's stroke

Before you Start

Who can use this feature

Available on any plan

Anyone with can edit access to a file can convert text layers to vector paths

You can convert any text layer into a vector path. Once converted, you can use vector edit mode to modify the layer's path. This is useful for: 

  • Customize aspects of a typeface
  • Creating logos or wordmarks
  • Preparing assets for printing
  • Reducing file or export size
  • Combining multiple paths into a single object

There are two ways to turn a text layer into a vector path: flattening the layer or outlining the layer's stroke. Both methods are destructive actions, meaning you'll no longer be able to edit the text contents or any typography properties associated with it. If you convert a text layer by mistake, you can use the file's version history to restore a previous version or use the undo shortcut:

    • Mac: Command Z
    • Windows: Control Z

Note: Looking for information about typing text on a vector path instead? Check out our Guide to text.

Flatten a text layer

When you flatten text layers, Figma will:

    • Combine any objects or layers you selected into a single layer
    • Convert text layers from editable text to vector paths

To flatten a text layer:

    1. Select the text layer you want to flatten.
    2. Right-click on the selection and select Flatten or use the keyboard shortcut:
      • Mac: Option Shift F
      • Windows: Alt Shift F

      Once flattened, the layers will be combined into a single vector layer. Select the layer and press Enter to open vector edit mode. 

Flatten a text layer.png

Outline a layer's stroke

When you use outline stroke, Figma will:

  • Convert text layers from editable text to vector paths
  • Not combine any objects or layers you selected into a single layer

To apply outline stroke:

  1. Select the layer in the canvas.
  2. Right-click on the layer and select Outline stroke or use the keyboard shortcut:
    • Mac: Command Option O
    • Windows: Control Alt O

When Outline stroke is applied, each glyph is converted to its own vector layer, so you can edit each layer individually in vector edit mode.

Outline a text layer's stoke.png

Was this article helpful?

Yes
No
Give feedback about this article

Related Articles

  • Vector networks
  • Boolean operations
  • Edit vector layers
  • Flatten layers
  • Create custom shapes with the shape builder tool
  • Blog
  • Best practices
  • QR code generator
  • Color wheel
  • Colors
  • Color picker
  • Color palettes
  • Color palette generator
  • Color contrast checker
  • Font Library
  • Templates
  • Developers
  • Integrations
  • Affiliate program
  • Resource library
  • Reports and insights
  • Support
  • Status
  • Legal and privacy
  • Modern slavery statement
  • Climate disclosure statement
  • COMPARE
  • Sketch
  • Adobe XD
  • Framer
  • Miro
  • COMPANY
  • Events
  • Customers
  • Careers
  • Newsroom
Expand