figma-htmlと同じ用途で使える、当社の製品
OSSを自分で立てて日本語化する代わりに、日本語で作った当社の製品を自社のサーバーに置く方法もあります。ソースコード付きで、月額はかかりません。
figma-htmlとは?
figma-htmlとは、Webサイトを編集可能なFigmaデザインに変換するツールです。申請・承認の電子化の用途に使えるオープンソースで、ソースコードが公開されているため自社のサーバーに置いて動かせます。ソフト自体の費用はかかりません。
GitHubでの公開は2019年8月、主な開発言語はTypeScript、GitHubスターは3,676、最終更新は2025年8月です(当社がGitHubの公開情報から確認した値、2026年10月08日時点)。
figma-htmlには日本語のファイルがありません。日本語化から始める必要があります。
申請・承認の電子化とは?
申請・承認の電子化とは、承認が紙とハンコで止まるという状態を、仕組みで解消することです。figma-htmlは、この用途に使えるオープンソースのひとつです。
- 既存Webサイトのデザイン再現
- デザインシステムへの移行支援
- UIコンポーネントの抽出
- プロトタイプ制作のための素材収集
- デザイン・トゥ・コードの工程効率化
figma-htmlを使うと何が変わるのか
このツールは、任意のウェブサイトを編集可能なFigmaのデザインデータへと変換します。TypeScriptで開発されており、Chrome拡張機能やFigmaプラグインとして動作します。デザインシステムやデザイン・トゥ・コードのワークフローにおいて、既存のWeb要素をデザイン資産へ取り込む際に活用できます。開発者は、ブラウザ上のコンテンツを直接Figma上で操作可能なレイヤーとして再構築することが可能です。
すでに世界で使われている完成品を土台にするので、同じものをゼロから作るより短い期間で済みます。当社は、この土台に対して日本語化、画面や項目の変更、権限、帳票、既存システムとの連携を加えて、御社の業務に合う状態にします。
figma-htmlの日本語対応(実測)
figma-htmlには日本語のファイルがありません。日本語化から始める必要があります。
| ライセンス | MIT |
|---|---|
| 主な言語 | TypeScript |
| GitHubスター | 3,676 |
| 日本語ロケール | 日本語ファイルなし(0ファイル) |
| 公開開始 | 2019年8月 |
| 最終更新 | 2025年8月 |
GitHubの公開ファイル一覧から日本語ロケールの実ファイルを数えた結果です。配布用のビルド成果物は除いています。技術的な詳細はfigma-htmlのOSS情報にまとめています。
進め方は?
進め方とは、現場を見て対象を決め、動くものを見ていただきながら作り、御社の環境へ導入するまでの流れのことです。書類で仕様を固めてから作る進め方はしません。
1日目(無料)
現場に伺い、いまのやり方を見せていただきます。申請・承認の電子化のどこから手を付けるかを決めます。
2〜4日目
figma-htmlを土台に、御社のPCで目の前で開発します。動くものを見ながらその場で直します。
5日目
御社の環境へ導入し、ソースコードと開発ノウハウをお渡しします。以後は自社で改造できます。
その後
追加の作り込みが必要なら、範囲を決めてあらためてお見積もりします。延長を前提にした進め方はしません。
この方法が向かないのは?
向かないのは、基幹システムの全面刷新や、複数部門にまたがる大規模な仕組みのことです。15時間という枠では作り切れません。また、決まった手順を正確に繰り返すだけの処理は、AIを使わないほうが速く確実です。当社ではその部分は普通のプログラムとして作ります。
申請・承認の電子化を、まず15時間で試す
名古屋市内なら、1日3時間×5日間の計15時間・税別15万円で試せます。初日3時間のヒアリングと提案は無料です。御社のPCと御社名義のAIエージェントで目の前で開発するので、作り方ごと社内に残ります。成果物とソースコードはお客様のものです。
AI導入お試し実験を見る 動くデモを先に見る(110,000円〜) figma-htmlについて相談する開発会社・IT販売の方へ
figma-htmlの日本語化・改修・導入(バイブOSS)を、御社のお客様に販売できます。導入作業は当社が行い、販売手数料は1件9万円(税別)です。ソースコードは MIT ライセンスで、御社のブランドでの販売もできます。登録無料・ノルマなし。販売代理店の条件を見る
申請・承認の電子化に使える他のオープンソース
同じ用途に使える土台は他にもあります。ライセンス、日本語対応、規模を比べて選べます。
| 名前 | できること | 日本語 | デモ |
|---|---|---|---|
| lowflow-design | Vue 3を使用した視覚的な承認ワークフロー設計ツールです。 | 日本語ファイルなし | — |
| jorani | 休暇申請および時間外労働の管理を行うためのシステムです。 | 日本語ファイルあり | — |
| flowgram.ai | AIワークフロー開発を迅速かつ簡素化するための拡張可能なフレームワークです。 | 日本語ファイルなし | — |
| zigflow | YAMLで定義可能な、Temporalを基盤とした耐久性の高いワークフローエンジンです。 | 日本語ファイルなし | — |
| windmill | スクリプトをワークフローやUIに変換するオープンソースの開発プラットフォームです。 | 日本語ファイルなし | — |