こんにちは、だいちゃんです。

細々と kintone のカスタマイズを販売 したりしているのですが、びっくりするくらい売れないので売上改善施策の1つとして LP を作ってみることにしました。

• 既に実施した施策は こちら

とはいえ、売れてない事業の LP にデザイナーさんを雇う予算もないので、無料で使える「ChatGPT」と「Figma Make」の2つの AI にデザインからコーディングまでを任せてみたので、比較して見ようと思います。

前提

両者ともに全く同じプロンプトを投げて、手直しもしていない状態で比較しています。

プロンプトには、構成や記載内容に加えて、簡単な LP を作る意図、ターゲットなどを記載し、文章は適宜改変して良い旨も伝えています。ファーストビューの文言とか、細かい文章は与えていないのでそれは各 AI の個性です。

ChatGPT

なんでもできる子 ChatGPT を作ってもった LP はこちら。

特徴：

• フレームワークは使ってないみたい。Google Font は使っていた。
• 角丸の四角形を多用している印象
• 全体的にちょっと前の AI 臭がする(個人の感想です)
• 行送りとかがあと一息

Figma Make

特徴：

• すき。
• フレームワークに React や Tailwind CSS と使ってた
• Vite でローカル環境もすぐ構築できるようになってた。モダン。
• 文章の AI 臭さは否めない

結果

Figma Make が作ってくれた LP をちょっと手直しして公開しました！

• kintone カスタマイズ プラグインの相談・開発

感覚的な話ですが、なんとなく日本語にクセがあるように感じたので、特に気になるところは文章の修正を行いました。

あと、イラストも「SVGで頑張って描きました！」って感じの変な絵だったので、 ソコスト さんのイラストを使わせていただきました。

React で作られてるからビルドしないとスタティックページとして使えなかったり、地味に no-index 設定されてたりと多少知識ないと詰みそうな感じもありましたが、概ね一発で作れたので体験としてはとても良かったです。 ただ、Figma Make上で手直しさせようとすると、2回目で上限到達しちゃったので、妥協できないものは課金必須かもしれません。

という感じで、簡単な LP ならサクッと作れる時代になったんだなぁとしみじみしつつ、その分別のことに時間割かないとヤバいなとも思ったのでした。

kintone のカスタマイズ開発なども請け負ってますので、興味ある方は お問い合わせ ください〜！