Text Transformation – Convert Case Formats

Maintaining text consistency in your designs has never been easier! With MagicText, you can quickly transform text into different case formats to fit your project’s style and readability.

Transformation Type

Expected Output

Sentence case

Hello world from figma

Title Case

Hello World From Figma

UPPERCASE

HELLO WORLD FROM FIGMA

lowercase

hello world from figma

Capitalize Each Word

Hello World from Figma

Camel Case

helloWorldFromFigma

Pascal Case

HelloWorldFromFigma

Snake Case

hello_world_from_figma

Kebab Case

hello-world-from-figma

Alternating Case

HeLlO WoRlD

Inverted Case

hELLO world

Available Case Formats

  • Title Case → Capitalizes the first letter of each major word (e.g., "This Is a Sample Title")

  • Sentence Case → Capitalizes only the first letter of each sentence (e.g., "This is a sentence. This is another one.")

  • UPPERCASE → Converts all text to capital letters (e.g., "THIS IS UPPERCASE TEXT")

  • lowercase → Converts all text to lowercase letters (e.g., "this is lowercase text")

  • Capitalize Each Word → Capitalizes the first letter of every word while keeping minor words in lowercase when appropriate (e.g., "Hello World from Figma")

  • Camel Case → Removes spaces and capitalizes each word except the first (e.g., "helloWorldFromFigma")

  • Pascal Case → Similar to Camel Case but capitalizes the first letter as well (e.g., "HelloWorldFromFigma")

  • Snake Case → Converts spaces into underscores (e.g., "hello_world_from_figma")

  • Kebab Case → Converts spaces into hyphens (e.g., "hello-world-from-figma")

  • Alternating Case → Alternates between uppercase and lowercase letters (e.g., "HeLlO WoRlD")

  • Inverted Case → Swaps the case of each letter (e.g., "hELLO world")

How to Use Text Transformation

  1. Select a text layer.

  2. Choose the desired case format.

  3. Click the button, and the text will be instantly updated!