Text Style Switcher

The Text Style Switcher simplifies the often tedious task of adapting typography for different screens. When you need to transition between desktop and mobile text styles, manually updating each text layer can be a real hassle, especially in larger projects with numerous text elements.

Consider a project with 50+ screens that require adapting from desktop to mobile text styles. Without the plugin, you're burdened with updating each layer individually – a slow and tiresome process. Text Style Switcher comes to the rescue, enabling you to switch styles with a single click and giving you more time for creative pursuits. It's the secret weapon you need for crafting sleek, responsive designs across all screen sizes.

How to Use:

Create text styles for desktop and mobile in Figma.

Add device-specific prefixes in square brackets (e.g., [Desktop] or [Mobile]) to style names to identify the target device for each style.

Select the text layer or frame you want to switch styles for.

Open Text Style Switcher, click the button for the style you want to switch to.

Voilà! Your text style is updated to match the target device.