Figmaデザイン内のテキストを複数言語で切り替えることができるプラグインです。
-
テキスト抽出
- 選択したフレームやレイヤーからテキストを抽出
- 重複を自動的に除去
-
多言語対応
- 日本語・英語・簡体字・繁体字の4言語に対応
- JSON形式での翻訳データのインポート
-
テキスト置換
- 選択したフレームやレイヤー内のテキストを指定した言語に一括置換
- リアルタイムでの言語切り替え
-
Node.jsのインストール
- Node.js公式サイトから最新のLTS版をダウンロードしてインストール
-
依存パッケージのインストール
npm install
-
TypeScriptのコンパイル
npm run build
-
開発モード(ファイル監視)
npm run watch
翻訳データは以下のJSON形式で管理します:
{
"greeting": {
"ja": "こんにちは",
"en": "Hello",
"zhCN": "你好",
"zhTW": "你好"
},
"farewell": {
"ja": "さようなら",
"en": "Goodbye",
"zhCN": "再见",
"zhTW": "再見"
}
}- Figmaでデザインファイルを開く
- プラグインを起動
- 翻訳ファイル(JSON)をインポート(任意)
- テキストを抽出して確認
- 言語ボタンをクリックしてテキストを切り替え
- 言語: TypeScript
- プラットフォーム: Figma Plugin API
- ビルドツール: TypeScript Compiler
- リンター: ESLint
## ライセンス
このプロジェクトは[MIT License](LICENSE)の下で公開されています。
## 作者
[mssh21](https://github.com/mssh21)