How Can we Change layout of the design from LTR to RTL without duplicate designed screen two times?

I have a design that supports Arabic and English languages and we created a component for each part of this design with LTR and RTL so that we can easily change design elements we also use sting variables to change the content of this design but we are facing a problem that we need to change the layout to adjust with select language in prototype without duplicate screen two times. Is there any way we can do this in Figma?

You will need to show us something more visual. A file or screenshot?

You duplicate the component (as its a variable itself) and swap the form with the image. Call this variable something different.

Surely it’s that easy?

I don’t think there’s an easy way that doesn’t involve having both layouts as either duplicate frames or component variants. The advantage of creating a component of the entire screen in a “RTL” and “LTR” variant is that you can do this for any aspect of the app/site that needs swapping, create a “RTL true/false” variable and then switch all pages back and forth with a single button.

1 Like

I created a component for each element of this design and also used auto layout so form is a component that has LTR and RTL and Image too, but I am trying to change the layout of the design when we try to change the language. I tried to do it by using the set variable option in the prototype but it did not work.

You will have to duplicate your file and share a link on here please. We can’t imagine all this from your replies, and then try to advise. We need to see something.