Nytt i Figma: Nyckelhantering, varianter och JSON-export

Smartcats Figma-plugin har precis fått en stor uppgradering av översättningsläget för Assets: varje textobjekt får nu en hanterbar nyckel, ett element kan innehålla flera innehållsvarianter och du kan exportera hela din lokalisering som en JSON-fil redo för utvecklare. Allt detta är tillgängligt nu för alla användare, utan krav på aktivering.
Fördelar
Smidigare överlämning till utveckling. Varje textobjekt får en automatiskt genererad nyckel som du kan byta namn på när som helst. Det innebär att ditt Figma-innehåll mappas direkt mot de nycklar som ditt utvecklingsteam redan använder i koden.
En design, många innehållstillstånd. Varianter låter ett enda textobjekt innehålla flera delar av innehåll (t.ex. tomt tillstånd, laddningstillstånd, feltillstånd) under ett element, var och en med sin egen nyckel. Du behöver inte längre duplicera lager bara för att visa alternativ text.
Från design till kod i en export. Exportera JSON förvandlar din färdiga lokalisering till en strukturerad fil där varje nyckel, källsträng, översättning och variant ingår, redo att läggas in direkt i din programvaras lokaliseringsresurser.
Färre dubblettsträngar. När du skapar ett Smartcat-projekt från pluginet slås segment som delar samma nyckel automatiskt ihop, så att översättare bara ser och översätter varje sträng en gång, oavsett hur många gånger den upprepas i dina designer.
Inbyggd konfliktdetektering. Om samma nyckel hamnar på två olika textdelar flaggar pluginet det omedelbart under fliken Error, så att namnkrockar upptäcks innan de når en översättare eller utvecklare.
Så fungerar det
1. Öppna fliken Keys and Variants. Varje textobjekt i din fil listas här, parat med sin nyckel. Nycklar genereras automatiskt, eller så kan du ställa in en manuellt för valfritt objekt.
2. Lägg till varianter där du behöver dem. Markera ett textobjekt och klicka på + Add variant för att bifoga ett alternativt innehåll. Varje variant får sin egen automatiskt genererade (eller manuella) nyckel, och du kan växla mellan varianter för att förhandsgranska var och en direkt på Figma-arbetsytan.
3. Lös eventuella nyckelkonflikter. Om två olika textinnehåll delar en nyckel visar insticksprogrammet detta under fliken Error. Åtgärda det genom att göra texten likadan, eller genom att ändra en av nycklarna och tillämpa ändringen på alla matchande instanser samtidigt.
4. Markera innehåll som översättningsbart eller inte. Växla valfritt textobjekt till oöversättningsbart; det förblir synligt på fliken Keys and Variants men samlas separat under den nya fliken Untranslatable.
5. Skapa ditt Smartcat-projekt. Starta översättningen direkt från insticksprogrammet. Segment med samma nyckel slås ihop automatiskt, och om du fokuserar på en variants segment visas exakt den varianten i Figma-förhandsgranskningen, så det är lika enkelt att granska översatta varianter som att granska källtexten.
Översättningar kan också redigeras direkt, på arbetsytan eller i översättningslistan. En översättning som du redigerar manuellt skrivs inte över av Translate instantly, men den kan fortfarande uppdateras när innehållet synkroniseras med Smartcat.
6. Exportera som JSON. När översättningarna är klara klickar du på Export JSON för att ladda ner en fil som listar varje objekts Figma-nod-ID, nyckel, källtext, översättningar per språk och eventuella varianter, redo att lämnas över till utvecklingsteamet.
Här hittar du det i Smartcat
Öppna Smartcat-insticksprogrammet i Figma och byt till Asset translation mode.
Den nya fliken Keys and Variants finns bredvid de befintliga flikarna, med Untranslatable och Export JSON tillgängliga från samma panel.
Om du arbetar i Software localization mode bör du notera två omdöpta flikar: Text objects heter nu Keys, och Hidden heter nu Untranslatable. Själva arbetsflödet har inte ändrats, och varianter stöds inte i det läget.
Vilka har nytta av detta?
Detta är utvecklat för design- och produktteam som tar fram flerspråkiga gränssnitt, samt för utvecklarna som använder deras material. Designers får ett smidigare sätt att hantera återkommande och tillståndsbaserat innehåll utan att röra till sina filer, lokaliseringsteam får färre dubblettsträngar att översätta, och utvecklare får en färdig JSON-resursfil istället för att manuellt behöva stämma av Figma-texter med sina lokaliseringsnycklar.