ITエンジニア/デザイナ向けにオープンソースを毎日紹介

ReactやVue、AngularといったJavaScriptフレームワークはHTMLを再定義しており、UIを作るのもそうそう簡単ではありません。デザイナーとの協業も難しく、苦戦している方も多いのではないでしょうか。

そこで使ってみたいのがvueggです。Vueの画面をWYSIWYGに設計できるソフトウェアです。

vueggの使い方

メイン画面です。右側に並んだツールを左側のエディタにドロップします。

ドロワーの設定もできます。

vueggで作った内容はVue.jsのプロジェクトとしてダウンロードができます。プロトタイプ開発にも使えますし、画像などを適用すれば精度の高いデザインツールとしても使えるでしょう。コンポーネントも数多く用意されているので、多くのWebサービスで使えそうです。

vueggはJavaScript製のオープンソース・ソフトウェア(MIT License)です。

vuegg

vuegg/vuegg: vue GUI generator

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2