FigmaMakeを使ってみた!!

FigmaMakeを使ってみた!!

作成したサイト

利用してみた感じ、FigmaMakeは非常に直感的で使いやすいツールでした。
AIがデザインの提案をしてくれるため、初心者でもプロフェッショナルなデザインを簡単に作成できます。 また、そのままFigmaからWebサイトの公開もできるようですので、とても便利なものだと思います。

実際に編集している画面↓↓

FigmaMakeEdit画面

感想

デザイン初心者からの目線で言うと、FigmaMakeは非常に助かるツールだと思いました。
また、自分が作成するよりもずっときれいに作成でき、すぐ確認もできるのでとても便利なツールだと思いました。
FigmaDesign側にもデザインを持っていけるので、プロトタイプが作成できた後の管理もしやすいのかな?と思っています。
  ※自分はデザイン初心者ですので、、、そこまで詳しくないですが、、、w
FigmaDesignから持っていくことはできないよう?ですのでそこが少々悲しいです。 ※初期作成の際は持っていけそうです。(右クリックから「FigmaMakeに送信する」)
色変更や文字サイズ変更、Radius変更などはFigmaMake側で行えます。もう少々細かい修正は、FigmaDesignにもっていき、その編集をして、Design側でコピーしてその内容をMake側で張り付けてAIに反映させるという方法でどうにかいけます。


開発者目線からすると、、、

細かいですが、FigmaMakeからFigmaDesignにもっていった際に、少々デザインが崩れていたり、変わってたりする部分がありました。
また、FigmaMakeの画面で、ロードしたら表示される実装があるのですが、ロードする前にFigmaDesignにもっていこうとすると、ロードされていないものは表示されませんでした。
  ※仕方ないといえば仕方ないのですが、、、;;
  ※今後のアップデートで対応されることを期待します。。。;;

また、Githubにリポジトリを作成できるようですが、.githubのような隠しフォルダ、ファイルの作成はできないのはショックです。
  ※Github側から.github/workflows/deploy.ymlを作成したのですが、FigmaMake側からGitPushすると削除されてしまいました。
これができると、GithubActionsで簡単にビルドしたり、いろいろできるので対応してほしいと思いました。。。

参考/利用したリンク

Profile

s20024(やら)

プログラマー歴2年の初心者プログラマーです。
フロントエンドエンジニアです。たまにバックエンドもしています。
SNSは、あまりやっていないです。

ん。。。Laravelの記事しか書いて無くね?w
バックエンドエンジニアじゃん。w