Skip to content

About

Figmaデザイン内のテキストを複数言語で切り替えることができるプラグインです。

Resources

Stars

0 stars

Watchers

1 watching

Forks

Latest commit

 

History

12 Commits

Folders and files

Repository files navigation

Multilingual Text Replacer

License: MIT

Figmaデザイン内のテキストを複数言語で切り替えることができるプラグインです。

主な機能

  1. テキスト抽出

    • 選択したフレームやレイヤーからテキストを抽出
    • 重複を自動的に除去
  2. 多言語対応

    • 日本語・英語・簡体字・繁体字の4言語に対応
    • JSON形式での翻訳データのインポート
  3. テキスト置換

    • 選択したフレームやレイヤー内のテキストを指定した言語に一括置換
    • リアルタイムでの言語切り替え

開発環境のセットアップ

  1. Node.jsのインストール

  2. 依存パッケージのインストール

    npm install
  3. TypeScriptのコンパイル

    npm run build
  4. 開発モード(ファイル監視)

    npm run watch

翻訳データの形式

翻訳データは以下のJSON形式で管理します:

{
  "greeting": {
    "ja": "こんにちは",
    "en": "Hello",
    "zhCN": "你好",
    "zhTW": "你好"
  },
  "farewell": {
    "ja": "さようなら",
    "en": "Goodbye",
    "zhCN": "再见",
    "zhTW": "再見"
  }
}

参考リンク

使用方法

  1. Figmaでデザインファイルを開く
  2. プラグインを起動
  3. 翻訳ファイル(JSON)をインポート(任意)
  4. テキストを抽出して確認
  5. 言語ボタンをクリックしてテキストを切り替え

技術スタック

  • 言語: TypeScript
  • プラットフォーム: Figma Plugin API
  • ビルドツール: TypeScript Compiler
  • リンター: ESLint

## ライセンス

このプロジェクトは[MIT License](LICENSE)の下で公開されています。

## 作者

[mssh21](https://github.com/mssh21)

About

Figmaデザイン内のテキストを複数言語で切り替えることができるプラグインです。

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages