Framer Adds Native Right-to-Left Layout Support for Arabic and RTL Languages.

Framer has shipped native support for right-to-left layout direction, enabling designers to build sites in Arabic, Hebrew, Persian, and other RTL languages without duplicating components or creating separate variants.

The feature automatically flips layouts to match RTL reading and alignment conventions when a locale is set to an RTL language. Elements that appear left-aligned in English will shift to right-aligned in Arabic, navigation menus reverse their order, and content flows naturally from right to left.

According to Framer's LinkedIn announcement, the update eliminates the need for manual workarounds that previously required designers to build mirrored versions of their layouts or create language-specific component variants.

The RTL direction is controlled at the locale level. When a designer enables a right-to-left language in Framer's localization settings, the platform handles the directional shift across the entire site. This includes text alignment, flex direction in layouts, grid ordering, and positioning of UI elements like buttons and form fields.

Framer's existing Auto Translate feature, introduced earlier this year, now works seamlessly with RTL layouts. Designers can enable auto-translation for Arabic or Hebrew, and the platform will both translate the content and apply the correct layout direction automatically.

More than 400 million people speak Arabic, and RTL languages collectively represent a significant global audience. Until now, most website builders required designers to manually reverse layouts or maintain separate site versions for RTL languages, a time-consuming process prone to inconsistencies.

Competitors like Webflow and Wix offer RTL support, but often with manual configuration steps or limited automation. Framer's approach ties RTL direction directly to locale settings, reducing friction for designers managing multilingual sites.

The update arrives as Framer continues expanding its localization capabilities. The platform recently added AI-powered translation models and traffic-aware pre-rendering for multilingual performance optimization.

For designers building global products or serving Middle Eastern and North African markets, the update removes a significant technical hurdle. Sites can now scale to RTL languages without requiring duplicate design systems or complex CSS overrides, keeping workflows efficient as projects grow across regions.