# Framer

> Translate your Framer sites with zero-code localization

URL: https://store.crowdin.com/framer-proxy-translator
Category: CMS
Type: Guide
Author: Crowdin

> Framer is the premier web builder for creative pros, allowing you to design and publish stunning sites. With Crowdin, your high-fidelity animations and layouts can now reach audiences in every language without breaking the design.

## How to localize Framer via Crowdin using XLIFF files

To translate this template with 100% precision, we recommend using the [Locale Sync](https://www.framer.com/marketplace/plugins/locale-sync/) plugin and Crowdin. This method protects your design and code tags while you edit the text.

### Step 1: Export

1. In Framer, click the globe Icon in the top toolbar to open **Localization** (if it's your first time, click **Add Locale** and choose your language).
2. Open the **Plugins** menu and launch [Locale Sync](https://www.framer.com/marketplace/plugins/locale-sync/).
3. Go to the **Export** tab, select XLIFF as the format, and download the file.

### Step 2: Translate

1. Upload your `.xlf` file to Crowdin.
2. Translate your content using Crowdin’s editor. It will automatically protect Framer-specific tags and variables so you don't accidentally break the design.
3. Once finished, **Download** the translated XLIFF file from Crowdin.

### Step 3: Import

1. Go back to the **Locale Sync** plugin in Framer and select the Import tab.
2. Ensure your Target Locale is selected correctly.
3. Drag and drop the file you downloaded from Crowdin into the plugin window.
4. Click Import and your site is ready to Publish!

## Translate Framer using Crowdin Website Translator app

Take your world-class designs global by localizing your Framer site using the new, enhanced **Website Translator app**.

This integration replaces the legacy Framer Proxy, offering a more powerful and designer-friendly way to translate your interactive components, CMS, and layouts. If you were looking for the Framer Proxy, you’ve landed in the right place - it has been upgraded to our universal website localization solution.

🚀 [Get Started with Website Translator](https://store.crowdin.com/website-translator)

### Features at a glance

- **Advanced Design Sync:** Automatically extract and synchronize text from your Framer layers, components, and CMS collections.
- **Performance-First SEO:** Localize your meta tags, social preview images, and page slugs to ensure your site ranks globally.
- **Zero-code Implementation:** No need to mess with custom React components; simply add a lightweight script to your Framer project settings.
- **Visual In-Context Editor:** Translators can work directly on your live Framer site to ensure text fits perfectly within your responsive layouts.
- **Over-the-Air (OTA) Updates:** Update your site copy in Crowdin and see the changes live on your Framer site instantly without needing to re-publish.

:::tip[Note on Advanced Configuration]
Framer sites often utilize complex animations and third-party code overrides. For a complete list of features, language switcher styling, and technical tips on how to optimize your site's localization, please read the [Full Website Translator Documentation](https://store.crowdin.com/website-translator).
:::

### How to translate Framer using Crowdin

1. **Install the App:** [Add the Website Translator integration](https://store.crowdin.com/website-translator) to your Crowdin project.

2. **Crawl your Site:** Enter your Framer site URL, and the tool will automatically identify all translatable text and CMS data.

3. **Translate:** Use Crowdin’s editor, machine translation, or professional services to localize your site content.

4. **Publish:** Add the generated code snippet to your Framer **Site Settings** -> **General** -> **Custom Code** (Start of <head>).

5. **Sync Content:** Keep your stunning designs and translations in sync across all languages effortlessly.