Appear 2.0: iOS/Android converter, Text resizer, Screen size generator

Preview how fonts and components scale, switch between iOS and Android in one click, and quickly resize screens — all in one powerful Figma plugin.

How It Works:

Set Up Component Naming:

Use identifiers like /ios and /android in your component names.

Example: Button/ios, Button/android.

Save Parent Components:

Open the file with your main components and click “Save main components”.

This step is required for plugins that reference external libraries.

Select & Convert:

Select any frame or components and click “Convert to iOS” or “Convert to Android” to automatically swap instances.

Customize Settings (Optional):

You can change the default identifiers (/ios, /android) to match your own naming convention.

Adjust default screen widths (375 for iOS, 360 for Android).

Enable auto-resizing for screens after conversion.

Naming Rules:

✔️ Good examples:component_name[ios]componentname/ioscomponent(name)-android❌ Bad examples:component name iosioscomponentnameioscomponentname/ios/iosIdentifiers must be unique within the component name and not repeated multiple times.

Important Notes:

Screen resizing works only for frames with resizable content inside.

When components share variant properties, the properties must:

Have identical namesContain the same value setsPreferably appear in the same orderComing Soon:FAQ Section