Figma plug-in

Crowdin and Figma integration works both ways, and the plugin has two modes – Page Translation and Crowdin Strings.

Use the Page Translation mode to localize static pages, like brochures and banners. In this mode, you’ll be able to send texts with the context for translators to Crowdin, and upload translated copies back to Figma.

Switch to the Crowdin Strings mode when localizing UI and working on dynamic pages along with your development and marketing teams. In this mode, you can upload to Figma the source strings from Crowdin and add them to your designs in a click. After the texts are used in the designs, you can automatically upload tagged screenshots for translators’ reference back to Crowdin.

Use Cases

Med Crowdin-plugin’et til Figma kan du:

  • Hurtigt generere flersproget, kreative aktiver.
  • Oversætte modelscenarier og teste dem på forskellige sprog, før programmering påbegyndes.
  • Føje rigtige tekster til dine prototyper, som uploades til Crowdin-projektet af andre teams og ophøre med at anvende “Lorem Ipsum” i modelscenarierne.
  • Upload tagged screenshots to your Crowdin project.

Installation af Crowdin for Figma-plugin

  1. Log ind på Figma.
  2. Vælg Plugins > Håndtér plugins… i Filhåndteringen.
  3. Klik på Gennemse alle plugin’er.
  4. Benyt Søgefeltet for at finde Crowdin for Figma-plugin’et.
  5. Klik på Installér ved siden plugin’et.
  6. Klik på Installér ved siden plugin’et.

Tilslutning af Figma med din Crowdin-konto

Note: To set up Figma integration, you need to have manager or owner permissions in the Crowdin project.
  1. Gå i Figma-filhåndteringen til Plugins > Crowdin.
  2. Angiv dit Personlige Adgangstoken, og klik på Forbind.
  3. Vælg det ønskede Crowdin-projekt.

To generate a new token in Crowdin, go to your Account Settings, API tab, Personal Access Tokens section and click New Token.

Du er måske nødt til at ændre akkreditiver undervejs samt vælge et andet Crowdin-projekt at sende indhold til, uploade oversættelser til eller downloade kildetekster fra. For at gøre dette, så gå til Indstillinger for plugin i øverste højre hjørne af Crowdin plugin-vinduet.

Sende Designs til Oversættelse i Crowdin

Du kan sende tekst til oversættelse fra enten én bestemt side eller alle sider fra en Figma-fil.

I Crowdin vil rodmappen figma-plugin blive oprettet. Den vil indeholde separate mapper til hver oversatte side, som igen indeholder HTML-filerne for hver ramme. Denne mappe kan også indeholde en free-text.html-fil med tekster fra den side, der er ikke medtaget i nogle af de øvrige rammer.

For at sende Figma-designs til oversættelse, så følg disse trin:

  1. Åbn den relevante Figma-fil.
  2. Gå til Plugins > Crowdin.
  3. Vælg fra tilstanden Sideoversættelse, og Figma til Crowdin-afsnittet, det indhold, der skal uploades til Crowdin. Vælg Alle sider eller Aktuel side.

Når den kildefilerne er uploadet til Crowdin-projektet, kan du invitere bidragsydere til at oversætte og korrekturlæse teksterne. Find ud af, hvordan du kan få indhold oversat i Crowdin.

Upload Oversættelser Retur til Figma

Du kan, når som helst du ønsker a teste den oversatte kopi i Figma, synkronisere tekster mellem Crowdin- og Figma-projekter.

For at uploade oversatte kopier til Figma:

  1. Åbn den relevante Figma-fil.
  2. Gå til Plugins > Crowdin.
  3. I tilstanden Crowdin til Figma og I afsnittet Crowdin til Figma vælges det målsprog, for hvilket oversættelser skal uploades. Du kan også vælge Alle sprog.
  4. Vælg det indhold, du ønsker forhåmdsvist i Figma. Vælg Alle sider eller Aktuel side.
    Note: Frame names in Figma can consist of only letters (a-z, A-Z), numbers (0-9), and special characters - _ .

Efter du har uploadet oversættelser til Figma, vil den ændrede fil indeholde en separat side med oversættelser til hvert enkelt målsprog. De nyligt uploadede oversatte versioner vil ikke tilsidesætte dem, du tidligere uploadede. Du kan altid slette de oversatte kopier, du ikke længere behøver.

Tilføje Kildestrenge fra et Crowdin-projekt

  1. Åbn Crowdin-plugin’et.
  2. Skifte til tilstanden Crowdin-strenge.
  3. Benyt Søgefeltet til at finde den specifikke kopi.
  4. Vælg det tekstlag, du ønsker at føje tekst til, og klik på den ønskede streng.

Viewing Source String Identifiers

To view the identifier of the source string, follow these steps:

  1. Åbn Crowdin-plugin’et.
  2. Skifte til tilstanden Crowdin-strenge.
  3. Use the Search field to find the specific copy and hover over the Info icon.

Uploading Tagged Screenshots to Crowdin

  1. Åbn Crowdin-plugin’et.
  2. Skifte til tilstanden Crowdin-strenge.
  3. Use texts from the Crowdin project in your designs. Click to upload screenshots of the frames that include the used texts.
  4. Klik igen, for at opdatere skærmfotos på Crowdin.

Uploaded screenshots will appear under each separate string in the Editor to give translators more context. You can also check all the uploaded screenshots in Project Settings, Screenshots tab. Learn more about Screenshots

Var denne artikel nyttig?