Figma Plugin
Automate your design localization workflow. The IntlPull Figma plugin enables designers to sync text layers to the cloud, preview 80+ languages instantly, and generate localized marketing assets in seconds.
Video Walkthrough
Learn how to localize a full landing page in under 3 minutes.
End-to-End Workflow
Workspace Configuration
Before opening Figma, you must establish a project container in the IntlPull dashboard. This project will hold all your keys, translations, and visual context.
Use a descriptive name like "Q2 Landing Page".
Match this to your original design language.
Toggle on to provide visual context for translators.
Automatically translates content as you add languages.
Plugin Authentication
IntlPull uses a secure Device Code flow to link your Figma environment with your cloud workspace.
- Launch the plugin from Resources > Plugins > IntlPull.
- Click Sign in to IntlPull.
- Verify the code in your browser and click Approve Connection.
Once connected, the plugin will persist your session across all Figma files.
Extracting & Pushing Text
The plugin scans your selection to identify all unique text strings. It converts these into manageable translation keys in your project.
Standard Push:
- • Select frames, components, or layers.
- • In the Push tab, select your target project.
- • Ensure "Screenshot will be attached" is checked.
- • Click Push Nodes to upload to the base language.
Pushing to other locales:
Have existing translations in your Figma design? Use the Screenshot Language dropdown in the Push tab to select a target language (e.g., Spanish) and click push. This will sync the current Figma text directly to that language's slot in IntlPull.
Pulling Translations
Once translations are finalized in the dashboard, you can pull them back to generate localized versions of your designs.
Option A: Create Translated Pages (Recommended)
Switches to the Translate tab, selects target languages, and clicks Create Translated Pages. This duplicates your designs onto new pages for every language.
Option B: In-Place Translation
Select exactly one language and click Translate Selection (In-Place). This swaps the text on your current active frame without duplicating.
Advanced Features Reference
Push Options
Match existingIntelligently links selected text to existing keys if the content matches perfectly, preventing duplicates.Link duplicatesAutomatically maps identical text layers within your selection to the same translation key for efficient management.Key namingChoose between Text-based (default), Layer-name, or Hierarchical (Page.Frame.Layer) strategies for key generation.NamespacesOrganize your keys into logical groups or files (e.g., "auth", "profile") during the sync process.Advanced Tools
Multi-LanguageOpen a side-by-side preview table to review all project translations before applying them to your designs.Visual DiffA specialized tool to compare original and translated designs, helping you spot layout breaks and text overflows.Pseudo-locTest your layout flexibility with expanded characters (e.g., [!!! Téxt !!!]) to simulate longer German or Russian strings.OCR PanelLeverage AI to extract editable text from flattened images, screenshots, or complex vector illustrations.Pro Tips for Designers
- • Use Auto-Layout: Translated text can be significantly longer than your original English. Using Auto-Layout ensures your buttons and cards expand gracefully.
- • Naming Conventions: Use the "Hierarchical" naming strategy if you want your developer keys to match your design system structure (e.g.,
Home.Hero.CTA_Button). - • Context is King: Always keep the screenshot option enabled. It captures the surrounding layout, which helps AI and human translators provide much more accurate results.
Automated Asset Export
Found in the Tools tab, the Batch Screenshot Export allows you to generate high-resolution localized assets for stakeholders or app store submissions in one click.
Flat Organization
Ideal for dev-handoff. Saves all images in a single folder with language suffixes: login-fr.png, login-es.png.
Locale Folders
Perfect for app stores. Creates sub-folders for each language: /fr/onboarding.png, /es/onboarding.png.