๐จ Figma Color CLI
A powerful Flutter utility CLI to generate App Colors, ARB Localization Strings, and Translate ARB files instantly from terminal.
โจ 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