Code Monkey home page Code Monkey logo

inlang-parrot's Introduction

Figma install badge

Parrot

Parrot simplifies the translation management process right within Figma. If you deal with multilingual design projects and want to streamline your translation workflow, this plugin is for you!

Key Features:

Design in Different Languages

Create and manage multiple language versions of your designs within your Figma file. Say goodbye to swiching interfaces for text and translation managment - all right within figma.

Localized Messages Made Easy

With Parrot, managing localized Messages has never been more convenient. Assign unique names to messages used in your design or link to existing ones - thats it.

Import / Export

Import: from i18Next, Android and iOS: Seamlessly import existing messages from Android and iOS projects or i18Next JSON format to jumpstart your localization efforts.

Export:: with Ease: Effortlessly export your translated content to Android and iOS projects for a smooth handoff to developers. i18Next and CLI support is also coming soon!

Getting started

1. Run Parrot in Figma

To get started, you need to install the Parrot plugin in Figma. You can find it in the Figma Community or by searching for it in the Figma Plugin Store.

2. Pick your reference language and the target languages

Once you have started the plugin, you can select your reference language and the target languages. The reference language is the language you are designing in. The target languages are the languages you want to translate your design into.

3. Select any frame in your design.

Choose a target Language and see your design get translated automatically for you.

4. Iterate on your design

Iterate on your design until it looks good and various languages - create reusable messages from your drafts.

5. Manage your messages

Use Parrot’s intuitive interface to manage those messages and update content directly within Figma.

6. Export your messages

Hand over your messages to developers using export

Why should you use Parrot?

Save time and effort with in-app translation management.

Collaborate seamlessly with your team on multilingual projects.

Empower developers with translation-ready designs without the need for manual translation key handling.

inlang-parrot's People

Contributors

jannesblobel avatar

inlang-parrot's Issues

Replace Parrots message store with the new SDK version

Context

  • Parrot has its own message store
    -> needs to be refactored
    -> makes it the perfect pilot app for the upcoming SDK updates
  • Parrot users are used to working with the import/export of messages

Proposal

Update Parrots inlang SDK version with the introduction of the new store and format

Add Parrot version to telemetry events

Context

We want to know which Parrot version our users use. If Figma and Parrot stay open forever, Parrot will stay on the old version.

Proposal

Send the Parrot version with our events. This helps us know if bugs have been fixed after the release of a new version.

Option to translate entire pages

Context

E-Mail request:

When are you planning on enabling users to translate entire pages vs only frames?

Users might want to switch the language for all frames on a Figma page.

Proposal

  • Add a way to change the language for all frames on a page
  • Text outside the frame may be notes and can therefore be ignored
  • Dealing with possible long translation times

Remove the `x missing translations

Context

The missing translations lint rule doesn't work in Parrot.

Proposal

Commenting out these lines in the code with a comment above that we need to re-implement this function with the SDK V2. With the new SDK V2we can use the inlang lint rules and need to create a lint rule layer anyway

CleanShot 2024-07-17 at 13.45.17.png

Numbers should get translated

Context

Bildschirmfoto 2024-07-16 um 19.23.22.png

Numbers are not translated, probably because of a js type issue.

Proposal

Even though the numbers will stay the same in a different language, they should be translated. Otherwise, they will be missing in other languages.

Incorrect number of missing translation

Context

Repro:

  • created a new text field
  • created a new message by creating a new key/id
  • missing message count in export doesn't update

Proposal

I expect the missing message count to update when updating the messages.

displaying thai language is not possible

Context

From an email

I have encountered an issue with displaying Thai translations in Figma. Could this be a limitation of Parrot? If so, is there a known workaround or solution to this problem?

Create Figma history snapshots with Parrot version updates

Context

  • breaking changes might result in unexpected design changes Parrot (e.g. inlang SDK doesn't support markup -> loading new messages results in a loss of text styles like bold and italic)

Proposal

  • use the Figma versioning to create history snapshots
  • sanity check before overwriting new messages
  • provide users with sufficient information and controls in the UI

Something went wrong with translation - not an object" Error on Windows

encountering an issue where I cannot use its features on the same frame in the same project. Other team members using MacBooks have no issues, while I am using a Windows laptop.

When I try to translate a frame, an error message saying "Something went wrong with translation - not an object" appears. Other team members do not experience this issue on the same frame.

Steps to Reproduce:

Open the project on a Windows laptop.
Select the frame to translate.
Attempt to use the translation feature.
Expected Result:
The translation should work as it does on MacBooks without error.

Actual Result:
An error message appears: "Something went wrong with translation - not an object".

Parrot adds undesired characters

Comment
it adds some undesired characters to text strings such as "{{ dot}}" to replace actual dots, "{{ newline}}" when it should actually be a space between paragraphs. It ads paragraph styles such as line spacing to Figma.
Username
Antonio Guedes @phrutos

Switch language in multiple frames/file

Comment

Very cool plugin, would be really cool if we can select whole figma file (multiple frames) and toggle language! Or if we can have some switcher added as component on figma file where you can click on selected language and switch it easly ✌️

User

vladimirjanjic

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.