Back to Plugins
Text Style Switcher

Text Style Switcher

One-Click Switching Between Desktop and Mobile Type Scales

text layersfont stylesstyle toggletext stylesresponsive designadaptationdevice switchingdesktopstyle switchertype scaletypographymobile

Plugin Preview

Text Style Switcher preview

About this plugin

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:

  1. Create text styles for desktop and mobile in Figma.
  2. Add device-specific prefixes in square brackets (e.g., [Desktop] or [Mobile]) to style names to identify the target device for each style.
  3. Select the text layer or frame you want to switch styles for.
  4. Open Text Style Switcher, click the button for the style you want to switch to.
  5. Voilà! Your text style is updated to match the target device.


Plugin Details

Version2
CreatedApril 18, 2023
Last UpdatedApril 19, 2023
Categoryfonts-typography
CreatorMike
Stats284 installs, 75 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Editor Types:
    figma