figma_color_cli 1.1.3
figma_color_cli: ^1.1.3 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.
โจ 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