AI搭載のノーコードツール「Create.xyz」とは？登録方法から使い方までシンプルに解説

HTMLの勉強をしていなくても大まかなサイト構成がAI頼りで作ることができる時代になりました。

コーディングは通常、専門職のフロントエンドエンジニアと呼ばれる人たちや、兼任しているWEBデザイナーと呼ばれる人たちに依頼することが主流でした。

しかし、今AIサービスの進化により単純な構造のサイトが無料で書き起こせる時代が来ています。

今回紹介するのが「Create.xyz」。

「Create.xyz」は、AI搭載のノーコードツールです。

必要な情報を与えると、AIが自動で配置を考え、コードを生成しページにしてくれます。

我々ユーザーは、テキストや画像などの要素を追加し、カスタマイズすることができるので、初期の動作をかなり省略することができます。

自動レイアウトとデザインがかなり最適化されており、そこそこ荒っぽいオーダーでもうまく形に落とし込んでくれるところがうれしいです。

Create.xyzの登録方法

まず下記のCreateの公式サイトにアクセスしてください。

①　URLをクリックすると下のような画面が出てきます。

②　真ん中に位置する青いボタン「Start Building for free」をクリックすると、メールアドレスを入力するページが表示されますので、そこでメールアドレスを登録してください。

③　その後、メールアドレスに届いたURLをクリックすると、Createを利用できるようになります。以下の画面が表示されれば、もうサイト作成の準備が整っています。登録がとっても簡単ですね。

では実際にCreate.xyzを利用してサイトを作成してみましょう。

具体的な手順は下記の様になります。

Create.xyzを使用してウェブサイトを作成してみましょう。以下の指示文を入力してみました。

AI学習を提供するウェブサイトを作りたいです。
logoはAI教育コース
商品のカテゴリは以下の通りです。
データ分析
マーケティング
研修学習
背景配色はパステルカラーを基調にナチュラルな雰囲気でまとめてください。
コースの色はパステルカラーを基調にグラデーション
お問い合わせは以下の通りです。

お問い合わせ内容を入れ忘れてしまいましたが果たして…。

ps:Create.xyzは言語は日本語でOKです！

なんと、指示通りのブロックがきれいに出来上がっています。

色合いもパステルとグラデーションという指定をきっちり守って作られています。

動作を確認するには、「デモ」ボタンをからの確認となります。

左上を押下すると、デザインを編集する事ができます。

「View the code」をクリックすると、現在のデザインコードをコピーして共有することができます。駆け出しや専門職でない人にとってはとても便利です

完成したサイトを公開するには左上のPublishを押下します

【Claim URL and continue】を押下します

現在「Create.xyz」のプランは4つがあります。

無料プランでもプロジェクトを動かせますので充分に使えるレベルです。