RTL Hero

About this plugin

Overview

RTL Hero automates the tedious process of mirroring and adapting your Figma frames for RTL audiences. Whether you’re designing landing pages, dashboards, or complex UI components, RTL Hero handles layout flipping, text direction, and spacing adjustments—so you can focus on creativity, not manual tweaks.

Key Features

Instant Frame Mirroring

Flip any selected frame or artboard horizontally with one click. All layers, groups, and nested components are mirrored precisely.

Auto-Layout Gap Adjustment

Automatically recompute and invert Auto Layout gap values, even when custom spacing is used—so your layouts stay consistent.

Text Direction & Alignment

Convert text nodes’ alignment (left, right, center) and set proper RTL text direction without losing your typography styles.

Optional Text Translation

Translate English text nodes into Arabic or Hebrew using integrated translation APIs (Google Translate, DeepL, or custom provider).

Image & Vector Mirroring

Mirror images, icons, and SVG vectors while preserving masks and effects.

Component & Instance Support

Works seamlessly on components and nested instances, allowing you to maintain design libraries for both LTR and RTL.

Batch Processing

Select multiple frames to convert entire pages at once, saving hours of manual labor.

Undo-Friendly

Every operation is a single Figma action—just hit ⌘/Ctrl + Z if you need to revert.

How It Works

Select the frame(s) or component(s) you want to convert.

Run RTL Hero from the Plugin menu or via the plugin quick-launcher (⌘/Ctrl + P → “RTL Hero”).

Choose options (mirror only, mirror + translate, custom translation settings).

Click “Convert”—watch your design flip and adapt in seconds.

Installation

Open Figma and go to Community.

Search for RTL Hero or visit the plugin page:

https://www.figma.com/community/plugin/1534631933456309077/rtl-hero

Click “Install”.

Access via Plugins > RTL Hero or the quick-launcher at any time.

Use Cases

Localization Prep: Prepare your U.S.-centric designs for MENA markets.

Bi-Directional Design: Maintain a single file for both LTR and RTL with instant toggling.

Component Libraries: Build RTL variants of your design system components effortlessly.