figma_color_cli 1.1.4 copy "figma_color_cli: ^1.1.4" to clipboard
figma_color_cli: ^1.1.4 copied to clipboard

Convert Figma HEX colors into Flutter AppColor constants automatically.

๐ŸŽจ Figma Color CLI #

A powerful Flutter utility CLI to generate App Colors, ARB Localization Strings, and Translate ARB files instantly from terminal.

pub package likes popularity


โœจ Features #

๐ŸŽจ App Color Generator #

Convert HEX colors into Flutter AppColor constants.

๐ŸŒ ARB String Generator #

Generate localization keys/values into en.arb.

๐Ÿ”„ ARB Translator #

Translate existing en.arb into:

  • Hindi
  • French
  • Spanish
  • German
  • Dutch
  • Italian
  • Portuguese
  • Russian
  • Arabic
  • Japanese
  • Korean
  • Chinese
  • Turkish
  • Polish
  • Thai

โš™๏ธ Auto Localization Generation #

Automatically runs:

flutter gen-l10n

after ARB updates.


๐Ÿ“ฆ Installation #

Activate globally:

dart pub global activate figma_color_cli

๐Ÿš€ Usage #

Run:

figma-color init

๐Ÿ–ฅ๏ธ CLI Menu #

โ•”โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•—
โ•‘        Select Generator Type         โ•‘
โ• โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•ฃ
โ•‘  [1] ๐ŸŽจ Generate App Colors          โ•‘
โ•‘  [2] ๐ŸŒ Generate ARB Strings         โ•‘
โ•‘  [3] ๐Ÿ”„ Translate Existing ARB       โ•‘
โ•šโ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•

๐ŸŽจ Color Generator Example #

Input: #

#254C82 #FFFFFF #00000080

Output: #

class AppColor {
  static const Color k254C82 = Color(0xFF254C82);
  static const Color kFFFFFF = Color(0xFFFFFFFF);
  static const Color k00000080 = Color(0x80000000);
}

๐ŸŒ ARB Generator Example #

Input Text: #

Cancel Your Plan?

Update Profile

Delete Account

Output en.arb: #

{
  "cancelYourPlan": "Cancel Your Plan?",
  "updateProfile": "Update Profile",
  "deleteAccount": "Delete Account"
}

๐Ÿ”„ Translation Example #

Source en.arb #

{
  "deleteAccount": "Delete Account"
}

Hindi Output hi.arb #

{
  "deleteAccount": "เค–เคพเคคเคพ เคนเคŸเคพเคเค‚"
}

๐Ÿ“ Default Output Paths #

Feature Default Path
App Colors lib/utils/app_color.dart
ARB Strings lib/l10n/en.arb
Translations lib/l10n/{lang}.arb

โš ๏ธ Flutter Localization Setup #

Ensure your Flutter project has this in pubspec.yaml:

flutter:
  generate: true

Required for flutter gen-l10n.


๐Ÿ›  Supported Languages #

Code Language
hi Hindi
fr French
es Spanish
de German
nl Dutch
it Italian
pt Portuguese
ru Russian
ar Arabic
ja Japanese
ko Korean
zh Chinese
tr Turkish
pl Polish
th Thai

๐Ÿ’ก Why Use Figma Color CLI? #

Stop wasting time:

  • Copying HEX manually
  • Writing ARB keys manually
  • Translating files manually
  • Running gen-l10n manually

Automate everything in seconds โšก


๐Ÿค Contributing #

Contributions are welcome!

Feel free to open issues or PRs.


๐Ÿ“„ License #

MIT License


Made with โค๏ธ for Flutter Developers

3
likes
155
points
37
downloads

Documentation

API reference

Publisher

unverified uploader

Weekly Downloads

Convert Figma HEX colors into Flutter AppColor constants automatically.

Repository (GitHub)
View/report issues

License

MIT (license)

Dependencies

http, path

More

Packages that depend on figma_color_cli