Localization

Localization: AI Style

Hunter

3:40

5.4K views

Nov 30, 2023

About this lesson

This release introduces AI Style for Localization, now available for sites with the Pro Locale Add-On or on an Enterprise plan. Add a custom AI Style within your Locale Options to gain full control over how your content is translated. Define your brand tone, add key context, specify ignored words, and more—then let AI Translation handle the rest. https://framer.com/updates/ai-style

🌞 Try Framer for free: https://framer.com

🎉 Follow on Twitter: https://twitter.com/framer

💎 Join Community: https://www.framer.community

0:00hey y' it's hunter in this video I will 0:02show you AI style the latest addition to 0:05localization in framer as well as a 0:08couple other goodies that I think you'll 0:10like this release truly unlocks the 0:12power of AI for translating your website 0:15by giving you full control over how your 0:17content is translated let's Jump Right 0:20In and I'll show you how it works here I 0:23have a band website that is doing their 0:25first tour in the Netherlands and they 0:27want to have a great website for their 0:28Dutch fans we'll get started by going to 0:31the localization 0:32table we go to our local options and 0:36this is where you can find AI 0:38style we'll click 0:41add and give us some context about our 0:43website that'll help improve the 0:45translations so in this case translate 0:48the site with a a casual tone and give 0:51us a context about what our website's 0:52about so it's a band website we can add 0:55more here but we'll start with that this 0:57will already improve the AI translation 0:59of our website as it gives the AI 1:01context about what it's 1:03translated as I'm sure not all of you 1:05speak Dutch I recommend you try it out 1:06on your own site to see it in action for 1:09another thing AI style can do let's try 1:11translating our site settings you'll see 1:14it translates the name of our band 1:16because it's a type of tree which is 1:18what you'd expect but AI style can help 1:21us fix this if we go back to our 1:23style we can edit it and all we have to 1:26say is never translate the word 1:30Cottonwood and if we go back and 1:32translate 1:35again there we go and our new AI style 1:38will be used anytime you use AI 1:40translate within this loal if we 1:42translate the homepage we'll see the 1:44word Cottonwood stays 1:46intact and let's go translator 1:48navigation component as well we'll use 1:50the filter function for this as 1:53requested by some folks in the community 1:54you'll see we've added individual CMS 1:56items in the filter list here as part of 1:59some improvements we we've made around 2:00translating individual CMS 2:02items we'll translate our navigation 2:04component as well and see that our AI 2:07style keeps working let's go back to the 2:09canvas to take a look at how our site 2:11looks in Dutch we'll select Dutch with a 2:13little 2:15picker and it's looking 2:17great you can see how AI style gives us 2:19full control of how we translate our 2:21site no matter what language we want to 2:23translated to now that our Dutch 2:25homepage is looking great we want to 2:27make sure that the people who prefer to 2:29read a site in Dutch get the Dutch 2:31version of the website this can now be 2:33done with automatic local which is found 2:36in the site settings under the general 2:39section let's enable automatic local and 2:41publish our site and that means in this 2:44case if someone visits the site in 2:47English is the preferred language in 2:49their browser settings nothing 2:51changes however if someone visits the 2:54site and Dutch is the preferred language 2:56it'll automatically show them the Dutch 2:58version of the website if we copy the 3:00URL and paste it into the browser where 3:03Dutch is the preferred language you'll 3:06see we're instantly taken to the Dutch 3:08local of the website and if a visitor 3:11manually chooses a language with the 3:13local picker the site will remember that 3:15so they always get the experience they 3:17prefer with this release we're once 3:19again putting the power of AI in your 3:21hands and we can't wait to see what you 3:23all build with it thanks for watching 3:25and I'll see you in the next 3:28one

TeachesAuto-Translate Locales

Also coversComponents Site & Page Settings

Watch on YouTube ↗

‹ Framer Update: Stack Variables

Framer Update: Asset Search ›