Figmaから直接Webサイトをリリースできる「Workbench Figmaプラグイン」のβ版を提供開始
[24/06/27]
提供元:PRTIMES
提供元:PRTIMES
AIで進化するDesign to Websiteの実現を目指す
[画像1: https://prcdn.freetls.fastly.net/release_image/16521/11/16521-11-bf07fb79332abab3869d39ee63e9918b-1858x971.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
株式会社ユニマル(本社:鹿児島県鹿児島市、代表取締役CEO:今熊 真也、以下ユニマル)は、デザインをそのままFigmaからWebサイトとしてリリースできる「Workbench(ワークベンチ) Figmaプラグイン」を2024年6月27日よりβ版として提供を開始しました。
https://www.figma.com/community/plugin/1282879212173298474/workbench
デザインからウェブサイトへの移行を劇的に速くする
デジタルデザインとウェブ制作の分野は常に変化し、新たなソリューションが求められています。デザインツールの進化にも関わらず、デザインから実際のウェブサイトへの移行は依然として時間と労力を要するプロセスです。
ユニマルの新プロダクトである「Workbench」は、このプロセスを革新するために、新しいFigmaプラグインをリリースしました。
デザイナーと制作者間のコラボレーションにおける主要な課題は、デザインと制作のギャップです。
- デザイナーの意図通りにコーディングされていない
- デザイン変更のたびにエンジニアやコーダーの手が必要
- チームやリリース環境の都合で使い慣れたツールでのデザインが許されない
Workbenchの新しいFigmaプラグインは、こういったギャップを埋め、デザインフェーズから直接ウェブサイトとして公開できる機能を提供します。
[画像2: https://prcdn.freetls.fastly.net/release_image/16521/11/16521-11-f5af4239289a4c4adfced376763c25ce-1864x972.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
中間に特別なサービスや、エディター、コマンドラインツールなどを介在させず、Figmaから直接Webサイトを公開できることで、多くのコストを削減し、自由自在に「Webサイト」を制作、更新していくことを可能にします。
UI Kitがあるのですぐに始められる
[画像3: https://prcdn.freetls.fastly.net/release_image/16521/11/16521-11-4bde942ce318cbba339063e9c6c3a58a-2880x1620.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
Figmaプラグインとして提供されるWorkbenchは、数クリックで簡単にインストール可能。直感的なインターフェイスで、すぐにデザインプロジェクトを開始できます。
公開されたサイトは、ユニマルの静的ホスティングサービスである「Spearly CLOUD」上でホスティングされ、ランダムなURLが発行されます。
(※有料オプションとして、カスタムドメインの適用も可能です)
[画像4: https://prcdn.freetls.fastly.net/release_image/16521/11/16521-11-2c568b0dc2e121c4c638c1b060e523e6-1630x657.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
Figmaプラグインについては、こちらをご確認ください。
https://www.figma.com/community/plugin/1282879212173298474/workbench
料金
β版は無料でお使いいただけます。
これからまだまだ大きな進化を準備中
Workbenchは、Design To Websiteのグローバルにおけるスタンダードツールになることを目指して、以下の開発を進めています。今後順次リリース予定です。ご期待ください。
[画像5: https://prcdn.freetls.fastly.net/release_image/16521/11/16521-11-cd9c76ed78df5891710f6ef29a5f25a0-296x343.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
- 公開サイトのエディタでの編集:Figmaプラグインから公開されたサイトのHTML, CSS, JavaScriptがエディタで編集可能
- CMSとFormの統合:Figma上でSpearly CMSやその他CMSサービスと簡単に統合でき、直接コンテンツとフォームをデザイン可能
デザインの自由度:ルールに縛られず、レスポンシブデザインや動的コンテンツの作成が可能
SEO自動対応:検索エンジンに最適化されたHTML構造を自動生成
完璧なHTML変換:デザインやアニメーションを忠実に再現
- 即時利用可能なテンプレート:インストール後すぐにアクセス可能
- 直感的なプレビューとサイト公開:デザイン変更をリアルタイムで確認し、簡単にウェブサイトとして公開
- 柔軟なホスティングオプション:Spearly CLOUD以外の他ホスティングサービスも選択可能に
- 安全なアップデート:Figmaの上書きによるサイトへの悪影響を抑止。安心してサイト更新が行えるようにする
- A/Bテストの実施:レイアウトやスタイルでのA/Bテストの設定がFigma上でデザインとして実施可能
- コンポーネントのAI自動提案:分析結果を元に、AIがコンポーネント単位で改善につながるデザインやレイアウトを提案する
ユニマルでは、ともにプロダクトの未来を作る仲間を募集しています
[画像6: https://prcdn.freetls.fastly.net/release_image/16521/11/16521-11-576580c4e291e289e699de2bf2f7025e-1956x350.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
詳しくは募集要項をご覧ください。
[画像1: https://prcdn.freetls.fastly.net/release_image/16521/11/16521-11-bf07fb79332abab3869d39ee63e9918b-1858x971.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
株式会社ユニマル(本社:鹿児島県鹿児島市、代表取締役CEO:今熊 真也、以下ユニマル)は、デザインをそのままFigmaからWebサイトとしてリリースできる「Workbench(ワークベンチ) Figmaプラグイン」を2024年6月27日よりβ版として提供を開始しました。
https://www.figma.com/community/plugin/1282879212173298474/workbench
デザインからウェブサイトへの移行を劇的に速くする
デジタルデザインとウェブ制作の分野は常に変化し、新たなソリューションが求められています。デザインツールの進化にも関わらず、デザインから実際のウェブサイトへの移行は依然として時間と労力を要するプロセスです。
ユニマルの新プロダクトである「Workbench」は、このプロセスを革新するために、新しいFigmaプラグインをリリースしました。
デザイナーと制作者間のコラボレーションにおける主要な課題は、デザインと制作のギャップです。
- デザイナーの意図通りにコーディングされていない
- デザイン変更のたびにエンジニアやコーダーの手が必要
- チームやリリース環境の都合で使い慣れたツールでのデザインが許されない
Workbenchの新しいFigmaプラグインは、こういったギャップを埋め、デザインフェーズから直接ウェブサイトとして公開できる機能を提供します。
[画像2: https://prcdn.freetls.fastly.net/release_image/16521/11/16521-11-f5af4239289a4c4adfced376763c25ce-1864x972.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
中間に特別なサービスや、エディター、コマンドラインツールなどを介在させず、Figmaから直接Webサイトを公開できることで、多くのコストを削減し、自由自在に「Webサイト」を制作、更新していくことを可能にします。
UI Kitがあるのですぐに始められる
[画像3: https://prcdn.freetls.fastly.net/release_image/16521/11/16521-11-4bde942ce318cbba339063e9c6c3a58a-2880x1620.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
Figmaプラグインとして提供されるWorkbenchは、数クリックで簡単にインストール可能。直感的なインターフェイスで、すぐにデザインプロジェクトを開始できます。
公開されたサイトは、ユニマルの静的ホスティングサービスである「Spearly CLOUD」上でホスティングされ、ランダムなURLが発行されます。
(※有料オプションとして、カスタムドメインの適用も可能です)
[画像4: https://prcdn.freetls.fastly.net/release_image/16521/11/16521-11-2c568b0dc2e121c4c638c1b060e523e6-1630x657.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
Figmaプラグインについては、こちらをご確認ください。
https://www.figma.com/community/plugin/1282879212173298474/workbench
料金
β版は無料でお使いいただけます。
これからまだまだ大きな進化を準備中
Workbenchは、Design To Websiteのグローバルにおけるスタンダードツールになることを目指して、以下の開発を進めています。今後順次リリース予定です。ご期待ください。
[画像5: https://prcdn.freetls.fastly.net/release_image/16521/11/16521-11-cd9c76ed78df5891710f6ef29a5f25a0-296x343.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
- 公開サイトのエディタでの編集:Figmaプラグインから公開されたサイトのHTML, CSS, JavaScriptがエディタで編集可能
- CMSとFormの統合:Figma上でSpearly CMSやその他CMSサービスと簡単に統合でき、直接コンテンツとフォームをデザイン可能
デザインの自由度:ルールに縛られず、レスポンシブデザインや動的コンテンツの作成が可能
SEO自動対応:検索エンジンに最適化されたHTML構造を自動生成
完璧なHTML変換:デザインやアニメーションを忠実に再現
- 即時利用可能なテンプレート:インストール後すぐにアクセス可能
- 直感的なプレビューとサイト公開:デザイン変更をリアルタイムで確認し、簡単にウェブサイトとして公開
- 柔軟なホスティングオプション:Spearly CLOUD以外の他ホスティングサービスも選択可能に
- 安全なアップデート:Figmaの上書きによるサイトへの悪影響を抑止。安心してサイト更新が行えるようにする
- A/Bテストの実施:レイアウトやスタイルでのA/Bテストの設定がFigma上でデザインとして実施可能
- コンポーネントのAI自動提案:分析結果を元に、AIがコンポーネント単位で改善につながるデザインやレイアウトを提案する
ユニマルでは、ともにプロダクトの未来を作る仲間を募集しています
[画像6: https://prcdn.freetls.fastly.net/release_image/16521/11/16521-11-576580c4e291e289e699de2bf2f7025e-1956x350.png?width=536&quality=85%2C75&format=jpeg&auto=webp&fit=bounds&bg-color=fff ]
詳しくは募集要項をご覧ください。