这个集成可以从专业计划开始。
此插件允许您:
推文本从Adobe XD到Lokalise。
设置键名称(或使用任何模式用于自动命名)。
在Lokalise中创建新的键和截图。
将Adobe XD文本匹配为现有的Lokalise键。
将翻译文本从Lokalise拉到Adobe XD。
无缝切换Adobe XD设计语言。
指数
开始
安装
启动Adobe XD并打开插件>发现插件.
![](https://downloads.intercomcdn.com/i/o/327139719/2c0a43f37a206562b2b53004/1.png)
接下来,切换到浏览选项卡,在搜索栏中键入“lokalise”并按输入
.
![](https://downloads.intercomcdn.com/i/o/232186627/f6aa4719fc36f3872e1481f9/2.png?expires=1619096400&signature=8d866c8708ddd1e67e52ea775251af09cd0ebb4558e5a2790d2bcb393ff591af)
最后,点击安装:
![](https://downloads.intercomcdn.com/i/o/232186738/de9a1fff1c2ac12988555588/3.png?expires=1619096400&signature=c5568f7d0e9d1ac62b9894b3eafb100884957b8c65978195ad1f54a5283654b9)
激活插件
要激活插件,请打开Adobe XD项目,然后继续插件> Lokalise.:
![](https://downloads.intercomcdn.com/i/o/327140268/666ad6e6c61e753078edba6d/2.png)
配置
激活插件后,您需要授权Adobe XD来访问Lokalise项目。为了实现这一目标,请点击登录按钮:
![](https://downloads.intercomcdn.com/i/o/230147260/11fa00a82a8c7dfe80b22f84/2020-07-24+16_50_51-Window.png?expires=1619096400&signature=5669281336a18b4d615b95c53ac0e6fb0cc48110443fd6c37c6968e179343588)
接下来,新闻连接:
![](https://downloads.intercomcdn.com/i/o/226176317/1aca378325e7eec4109c85d4/2020-07-11+02_33_41-Window.png?expires=1619096400&signature=35b27716c8c0efa30f5ccd5b7d42621f136a9801f64aee0af50be481a8ff5220)
最后,媒体允许访问(你也可以点击切换帐户以代表另一个Lokalise用户登录)。
现在Adobe XD可以用Lokalise交换数据。
你将被要求执行一些初始设置:
![](https://downloads.intercomcdn.com/i/o/270748731/d3dff1f4e0985566a7d3b2ac/settings.png?expires=1619096400&signature=5c93800c818fe20b88391dd88e06dcbd09e50baf974cd2eb0cf58a4eb3ee4ccf)
项目-选择一个现有的本地化项目或设置“创建新项目”。
名称-这个选项只会出现在你从上面的下拉菜单中选择了“创建新项目”。在这里输入一个新的项目名称,它将为您创建。
语言- Adobe XD中设计的基本语言。
平台-翻译键应该链接到的平台。Lokalise支持四个平台:Web、Android、iOS和Other。
默认键命名模式-选择如何命名新创建的翻译键。在本地化项目中已经存在的键不会受到影响。
启用文本样式- 如果文本包含具有额外样品的单词,则插件将正确同步。例如,如果你有文字“欢迎来到应用程序“(请注意,”app“单词是粗体),Lokalise上的相应转换值将是
欢迎来到app
.
准备就绪后,单击保存.如果您需要在以后重新调整这些设置,只需单击设置按钮。您将呈现一个类似的对话框,但项目下拉目将处于非活动状态。要连接到另一个项目,请首先通过按下从当前的项目断开连接断开项目按钮。此按钮可用设置对话框以及
![](https://downloads.intercomcdn.com/i/o/270750785/0a92f72a20e2e344f1f8088c/disconnect.png?expires=1619096400&signature=69460a6ca8a54a13877d42efb5cd56de8c8f498c0682cc9b4d595f0073a911df)
此外,您可以按相应的按钮退出,然后代表不同的Lokalise用户登录:
![](https://downloads.intercomcdn.com/i/o/230147422/4795cc2259156ebf7d495785/2020-07-24+16_51_59-Window.png?expires=1619096400&signature=2e686e2a82e1b6b780ff68f5c7c3d1a2d67ff47db8e6fa3811d1fcf14a6b8b2d)
推动翻译到Lokalise
完成初始设置后,您可以选择文本导出到本地化平台进行进一步翻译。要实现这一点,只需单击您感兴趣的文本元素。或者,按住鼠标左键并拖动选择的多个元素。最后,你可以拿着转变
键并继续单击元素以将它们添加到选择中:
![](https://downloads.intercomcdn.com/i/o/327141231/e4f7c56a2a6a612b16e83023/4.png)
选择元素后,将在Lokalise插件窗格中列出。对于每个元素,您将看到将分配的关键名(按照所选的命名模式遵循设置对话框)和字符限制(默认情况下没有限制)。要更改密钥名称,只需单击它即可,输入新名称,然后按输入
:
![](https://downloads.intercomcdn.com/i/o/327141908/c943e4ad982b9f7ac32656fb/5.png)
此外,您还可以提供Lokalise尊重的字符限制:
![](https://downloads.intercomcdn.com/i/o/327142406/54335f1a3681052a42227654/6.png)
请注意,如果元素已链接到Lokalise上的翻译键,则无法编辑,它的名称将灰色。
要将元素链接到所选Lokalise项目中的现有密钥,请单击“钥匙图标:
![](https://downloads.intercomcdn.com/i/o/327142900/df918e183fef6ee9099211c5/7.png)
插件将自动搜索包含与所选的Adobe XD元素相同的文本的转换键。选择键并单击关联:
![](https://downloads.intercomcdn.com/i/o/230158022/8a4642c7617b1dba4dbb98f4/2020-07-24+17_06_22-Window.png?expires=1619096400&signature=d1ed0adf0216a3b95346e1edc6bb19611e8283c70145d6f838a423aba5bffd6d)
稍后您可以再次单击键图标,然后单击解开要打破元素和密钥之间的链接:
![](https://downloads.intercomcdn.com/i/o/230158065/bbdd14dbc48caff574255409/2020-07-24+17_06_38-Window.png?expires=1619096400&signature=4c9551a93e8ab896350a7fabd337fd61bc9786035614e028a5c5a4c437460f10)
选择元素后,单击推按钮将上传你的文本到本地化。你会看到一个对话框来设置上传选项:
![](https://downloads.intercomcdn.com/i/o/348564899/4bd6dae523a982d55ea03208/Screenshot+2021-06-10+at+17.15.02.png)
匹配文本到本地化现有翻译-如果选中,则Adobe XD中的字符串将与Lokalise项目中已存在的翻译相匹配。
在Lokalise中创建缺失键-如果选中,所有丢失的键将在Lokalise项目中创建。
链接新的重复文本到一个Lokalise键-如果已选中,Adobe XD中的重复文本将与单个Lokalise键匹配。否则,对于每个重复的文本块将被创建一个新的Lokalise键。
标记新创建的键(逗号分隔)-如果勾选,您可以添加标签,将分配到Lokalise键。
用修改后的文本更新本地化翻译-如果已选中,Lokalise中的所有已链接密钥都将使用Adobe XD的修改文本更新。
将自定义转换状态应用于插入翻译-只有当您的本地化项目具有此选项时才可用启用自定义翻译状态(CTS).请注意,CTS仅从专业计划及以上开始提供。选中此选项时,您可以选择向新创建的翻译添加自定义翻译状态(一个或多个,取决于项目中是否允许多个CTS)。
对更新的翻译应用自定义翻译状态-仅当为Lokalise项目启用CTS时,此选项将可用。选中后,您可以选择“自定义转换状态”以添加到更新的翻译。
更新截图-如果选中,在Lokalise中的截图将被创建或更新为新的截图。
推送隐藏元素-即使选择的文本元素被隐藏在Figma中,它们仍然会被上传到Lokalise。
一旦准备好,按确认开始上传。完成过程后,您将看到简要摘要:
![](https://downloads.intercomcdn.com/i/o/230158192/b3b9b6ada4544a4026dc9e3a/2020-07-24+17_08_01-Window.png?expires=1619096400&signature=10048f8c5e07a6ba67bc77cac79d8ad7c38271be64342ce298baca47662ea8a2)
这些密钥将在您的本地化项目中可用:
![](https://downloads.intercomcdn.com/i/o/226175195/51a16b91992b78201a5377cd/2020-07-11+12_52_53-Adobe+XD+_+Lokalise.png?expires=1619096400&signature=ec77ce785bd1af2f14903afe95a4efb256fad9c216ba8d7df81dec2f49ccf860)
现在,您可以像往常一样执行翻译。请注意,可以根据需要为项目添加多种新语言:语言列表将自动同步。
截图
请注意,XD文本元素必须分组到画板中。如果文字没有添加到任何画板,屏幕截图将不会被创建!
请注意,Lokalise上的每个密钥都有一个附加的截图。单击它以查看究竟文本所在的位置:
![](https://downloads.intercomcdn.com/i/o/226175204/35eb47bb53cdbc40fd424960/2020-07-11+12_54_18-Adobe+XD+_+Lokalise.png?expires=1619096400&signature=f9ea130f12eaa44b3ef7f60916c5f6f249ac8e1ae8e106c999240d9a925ada18)
你可以通过导航到截图页面并选择其中一个元素来进一步调整截图:
![](https://downloads.intercomcdn.com/i/o/226175229/6358ea2d2634ac1957701331/2020-07-11+12_55_43-Adobe+XD+_+Lokalise.png?expires=1619096400&signature=a0e73d431ffa1db0ed627b5eae7d87d254a6745903404cbc1bafcdee5602aaaa)
在这里,您可以检查此屏幕截图是否附加的键。
![](https://downloads.intercomcdn.com/i/o/226175241/1ee701e557d6aa00cfed9b45/2020-07-11+12_56_09-Adobe+XD+_+Lokalise.png?expires=1619096400&signature=036b5cffbe350f79be1132b186948575fd3e1ae25594e0c6d58ab185955ac5ba)
调整关键区域,选择坐标>编辑坐标然后画一个新的区域:
![](https://downloads.intercomcdn.com/i/o/226175259/83029ed29bb50e20a6f45a01/2020-07-11+12_57_15-Adobe+XD+_+Lokalise.png?expires=1619096400&signature=b35d1eca9a5b26a61a44ff67dd0d51d1606626f4fc0b73d7dc2d62a636791947)
![](https://downloads.intercomcdn.com/i/o/226175263/f5c391957ea4e6ae86dce50d/2020-07-11+12_57_50-Adobe+XD+_+Lokalise.png?expires=1619096400&signature=6cbac2c20c83ffce622a03bc35c4cde755b5f2a03a31f46541d12c1633d482e9)
从Lokalise那里获取翻译
一旦你在Lokalise上翻译完文本,就该把它们拉回Adobe XD了。要实现这一点,请返回Adobe XD项目,选择要更新的元素,然后单击拉:
![](https://downloads.intercomcdn.com/i/o/230158250/2b9ade94dd9147f0dd61f8e9/2020-07-24+17_16_22-Window.png?expires=1619096400&signature=9c765a784707a4f695e377ce9fb78c9a9b6af336f2888f538f233f7b3eeeacf0)
您将看到一个小提示,说明从Lokalise中提取的文本将取代Adobe XD中的文本。点击确认开始拉动过程。
要查看您的设计如何看待另一种语言,请单击切换语言按钮:
![](https://downloads.intercomcdn.com/i/o/230158395/75008ead7e77af162f06d5d7/2020-07-24+17_16_34-Window.png?expires=1619096400&signature=fff186a4e0a50861ac91edf0a9b5d2136bf7146f5ff87ec651277591047799c7)
在下拉框中选择语言,然后单击确认:
![](https://downloads.intercomcdn.com/i/o/230158436/65c0343360889b3a9afd67d0/2020-07-24+17_16_51-Window.png?expires=1619096400&signature=73968e4f0ce9f6e446b87d9780137fe55cfcf44ad7c14f36650d4abdade3385e)
您的Adobe XD设计将被翻译成选定的语言:
![](https://downloads.intercomcdn.com/i/o/230158468/18145d9ff0bb109f4fe2bf93/2020-07-24+17_17_30-Window.png?expires=1619096400&signature=5cf2a593fec6c0cbc09440484b01a15fd0d75fbedf0eeaf876a4e17881bf61ea)
要返回基本语言,只需单击切换语言再次按下按钮,选择另一种语言。
请注意,当您对给定语言的初始(第一次)翻译时,不需要提取更改:您可能会按改变语言马上。
多个键支持
我们的插件支持多个钥匙也是。要使您的关键复数,只需点击即可+复数名称旁边的文字:
![](https://downloads.intercomcdn.com/i/o/354069866/63bd6e93af8923d958e223d1/Screenshot+2021-06-10+at+17.09.23.png)
当键被推到Lokalise后,你会看到它的所有复数形式,并将能够在它们之间切换:
![](https://downloads.intercomcdn.com/i/o/354070404/a8186b5657b931a8b9aae663/Screenshot+2021-06-10+at+17.10.52.png)
切换到不同的语言之后,将相应地更新键的多种形式。
禁用或卸载插件
要卸载或禁用插件,请打开主菜单并继续插件>管理插件.在列表中找到Lokalise,点击它名字旁边的点,然后任意选择禁用或卸载.
![](https://downloads.intercomcdn.com/i/o/232187661/ce80daf35ee183b9a1341437/4.png?expires=1619096400&signature=4e505ae76cfbf77417f12953db5262da136dd43d18c925606da8e0a81d3836bc)
这不会影响您现有的翻译,您可以随时安装插件。