Enable Direct Design Editing in Localized RTL Canvas (Arabic)
S
Subin Korambayil
I'm building a bilingual English and Arabic website using Framer Localization, and I've encountered a significant limitation in the current editing workflow.
When I switch to Arabic, I can view and edit the translated content, but I cannot directly adjust design properties such as typography, font size, line height, alignment, spacing, positioning, or container dimensions.
Arabic text has different visual characteristics from English. It often requires different font families, text widths, spacing, and responsive adjustments to maintain a consistent design.
Currently, I have to switch back to English Design mode, locate RTL-specific layers that are often hidden, modify their properties using Layout Direction variables, and then return to Arabic Preview to check the results.
This makes even simple adjustments unnecessarily time-consuming, particularly when working across Desktop, Tablet, and Mobile breakpoints.
Suggested Improvement
Allow users to edit design properties directly while viewing a localized canvas, with the option to apply changes:
Only to the selected locale
To all locales
To all RTL locales
Ideally, this would include locale-specific typography, alignment, spacing, sizing, and responsive layout controls.
Why This Matters
Localization is more than translating text. Each language has its own typography, reading direction, and layout requirements.
Being able to design directly in Arabic would significantly improve the workflow for multilingual websites, reduce accidental changes to English layouts, and make Framer more accessible to designers working with RTL languages.
I would love to see this supported natively in Framer.
Log In