The project itself :
Project Overview
Designing a reliable way to convert interfaces between RTL and LTR without breaking layouts
CONTEXT
Global products require RTL & LTR support, but Figma workflows are optimized for LTR. Designers manually duplicate and flip frames causing errors and wasted time.
Problem:
Converting an existing design from LTR to RTL in Figma is manual, repetitive, and error-prone.
My role:
UX Designer, Product Designer, Plugin Developer
Responsibilities:
conducting research,
storyboarding
usability studies,
iterating on designs,
Developing Plugin
All about the user :
User Research
Designing a reliable way to convert interfaces between RTL and LTR without breaking layouts
I conducted user interviews and created empathy maps to gain a deeper understanding of the target user and their needs. I found that many users struggle to understand how to navigate credit resources. They want a straightforward, easy-to-use product without needing to dive deeply into credit complexities. The information overload is confusing, and they simply seek a smooth, successful experience when obtaining credit.
User Pain Points
😣 "Flipping frames breaks auto-layout"
😣 "Components stop behaving correctly"
😣 "Icons need manual fixing every time"
😣 "I never trust the final result"
The project itself :
Design Goal & Principles
Designing a reliable way to convert interfaces between RTL and LTR without breaking layouts
Design Goal
Convert designs between RTL & LTR instantly while preserving layout intent and systems
UX Principles
• Automation over manual work
• Predictability over flexibility
• Non-destructive actions
• Minimal cognitive load
All about the user :
Solution Overview
A Figma plugin that converts designs between RTL and LTR in one click, while respecting auto-layout, components, and spacing.
Key UX Decisions (Before / After)
We conducted unmoderated usability studies with participants interacting with the low-fidelity prototype. From their feedback, we identified pain points and opportunities for improvement.
Before
• Manual flipping
• Broken auto-layout
• Detached components
• Icon confusion
After
• One-click action
• Layout-aware
• Component-safe
• Smart icon logic
The clear version :
Feature Breakdown
On this step, first I created a static, high-fidelity Voo's app design (keeping in mind all the conclusions from the previous phase of usability studies) that is a clear representation of a final product called design mockups.
After that, I created a high-fidelity prototype of the app.
The project schematically :
Outcome & Impact
A Figma plugin that converts designs between RTL and LTR in one click, while respecting auto-layout, components, and spacing.
Key UX Impact
Outcome
• Conversion time reduced from hours → secs
• Consistent RTL layouts across screens
• Fewer layout & QA errors
• Higher confidence in RTL delivery
Learning
• Designers value trust over flexibility
• Automation must feel safe
• Tool UX is about predictability
