FlipArabic - Flip Layouts, Swap Fonts & Translate. Arabic RTL Converter
by Azmy Hanifa
Turn any English design into a proper Arabic RTL layout. Mirror, fonts and translation in one click.
Installs
53
Likes
24
Users
534
Views
537
Preview
About this plugin
Turn your English designs into proper Arabic RTL versions in one click.
FlipArabic mirrors your layout, swaps your fonts for Arabic ones atmatching weights, and translates the copy, without breaking autolayout, constraints, or nested components.
If you don't read Arabic, this is especially for you. Being handed theArabic version of a design is stressful when you can't tell whether theresult is right. FlipArabic handles the parts you can't eyeball,direction, font weight matching, and which icons should flip and whichshouldn't.—I'm a product designer in Dubai. I built this because I was losing wholedays to manually mirroring frames and hunting for an Arabic font thatmatched the weight of the Latin one. It started as a tool for my ownwork, a few hundred designers use it now. If something breaks or annoysyou, please email me. I read everything.—WHAT IT DOESFlip - Mirrors positions, auto layout direction, alignment, padding andconstraints. Handles deeply nested structures and large frames withoutlosing the relationships between elements.
Fonts - Finds every font in your selection and maps it to an Arabicequivalent at the same weight. Tells you when there's no matching weightinstead of quietly picking the wrong one.
Translate - Built-in English to Arabic translation with a glossary forbrand terms and currencies, so recurring words stay consistent across afile. Numbers and mixed-style text are preserved. A significant qualityupgrade is in progress here.
Smart Skip - Icons, logos, shapes, SVGs and flags keep their originaldirection. Arrows rotate.
Undo - One Cmd/Ctrl+Z reverses the whole conversion.—FINE TUNE YOUR CONVERSION1. Add `df` or `don't flip` to layer names to skip flipping2. Add `dfc` or `don't flip content` to frame names to flip position butkeep contents unchanged3. Add `dt` or `don't translate` to text layer names to keep specifictext in English4. Add `dtc` or `don't translate content` to parent frame names topreserve entire text blocksFor support, ideas or general feedback, reach out to fliparabic@gmail.com
More accessibility tools plugins
View allStark - Contrast & Accessibility AI Checker
by Stark
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
Contrast
by Alex Carr
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
by Manthankumar Satani
A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥
A11y - Color Contrast Checker
by Kelly Gorr
Text color accessibility