---
title: "好きなサイトからホームページ作成 | Briks"
url: https://briks.dev/ja/features/build-from-sites-you-like
description: "AIホームページ作成ツールBriks:気に入ったサイトを追加すると、Briksがレイアウト、余白、書体、動きを読み取り、その雰囲気であなたの言葉でサイトを作ります。"
last_updated: 2026-10-08
---

すべてのプランで利用可能

# 好きなサイトからホームページを作る

気に入ったサイトと、あればスクリーンショットをBriksに見せてください。ページの組み立て方を読み取り、その雰囲気で、あなたのビジネスのための言葉と写真を使ってサイトを作ります。

思い浮かぶサイトがありませんか?Briksには、ウェブ上の優れたサイトを250件以上集めた独自のライブラリがあり、レイアウト、余白、書体、動きを研究しています。いちばん近いものから始めることもできます。ライブラリは増え続けています。

## しくみ

1. **サイトを追加**

   新規プロジェクトのステップでアドレスを1つ貼り付けてください。スクリーンショットも追加できます。

2. **Briksが読み取ります**

   デザイナーがメモを取るように、ページのレイアウト、余白、書体、動き、ヘッダーを読み取ります。

3. **あなたのサイトを作ります**

   サイトはそのリズムと雰囲気に沿って、ご依頼内容をもとにお店に合わせて書かれます。

## 気に入ったサイトからBriksが読み取る内容

気になるサイトのアドレスを追加すると、Briks はそのページを開き、デザイナーが制作前にメモを取るように調べます。各セクションのレイアウト、セクション間の余白、書体とそのサイズ、動き、ヘッダーのメニューを読み取ります。

言葉も画像も取り込みません。言葉はあなたのブリーフから、画像はあなたのビジネスのために用意され、参考サイトのものではありません。引き継がれるのは構成と雰囲気です。落ち着いた雑誌風のページは落ち着いたままで、大きな写真が目立つ大胆なページは大胆なままです。

1プロジェクトにつき1サイトと、スクリーンショットを追加できます。気に入ったページがログインの先にあるときや、ページ全体ではなく一部だけを示したいときに、スクリーンショットが役立ちます。

## 小さな会社に参考例が役立つ理由

好みのデザインは、言葉にできるずっと前から頭にあるものです。「あの建築家のサイトのようにすっきりと」をブリーフにするのは難しいですが、アドレスなら正確に伝わります。気に入ったページをBriksに見せれば、最初のバージョンから目指したデザインの方向に沿うので、やり取りを一往復減らせます。

他社との差別化にも役立ちます。地元の競合がみな同じテンプレートを使っているなら、別の業種や別の国のサイトを参考に、そのリズムを借りてみてください。花屋ならファッションブランドから、建具職人なら建築事務所からヒントを得られます。

参考があると、質問する前に疑問が解消されます。参考を指定すると、Briksはレイアウト、見た目、トップページで何を先頭にするかを尋ねません。示されたサイトがすでに答えているからです。ほしいページについては、引き続き尋ねます。

## できることと制限

参考サイトは方向性を決めるものです。サイトには、あなた自身の言葉、ビジネスの情報、ビジネスに合った画像が使われるため、レイアウトが示したページに沿っている部分でも、あなたのサイトとして読めます。

参考サイトから作成する場合、見た目は参考サイトで決まるため、デザインの選択は表示されません。あなたのビジネスのために描かれた3つのデザインから選びたい場合は、参考サイトを入れずに、新規プロジェクトの手順でPick a lookをオンにしてください。

ビルドが終わっても、何も固定されません。見出しを大きくする、セクションの順番を変えるなど、変えたいことをふだんの言葉で伝えるだけです。変更はそれぞれバージョンとして保存され、元に戻せます。

## 好きなサイトからホームページ作成の活用例

3つの事業の例と、それぞれの使い方です。サイトの画像は、例として作った事業向けに Briks が作ったサンプルで、お客様のサイトではありません。

1. 陶芸工房

   **ギャラリーの静けさを好む陶芸家の方へ**

   2人の陶芸家が、自分たちの工房のサイトを、作品を扱う小さなギャラリーのような雰囲気にしたいと考えています。余白、大きな写真、静かな書体です。ギャラリーのアドレスを貼り付け、教室、受注制作、工房を公開する日についての要望書を書きます。サイトはギャラリーの余白と落ち着きに沿いつつ、自分たちの教室と自分たちの言葉で構成されます。

   [![Briksが例の陶芸工房向けに作ったサンプルサイト、Fernhill Potteryのトップ部分](https://briks.dev/showcase/fernhill-pottery.webp)](https://fernhill-pottery.briks.live/)

   **Fernhill Pottery** は、陶芸工房の例として Briks が作ったサンプルサイトで、実在のお客様ではありません。 [サンプルを開く](https://fernhill-pottery.briks.live/)

2. 法律事務所

   **堅苦しい印象を和らげたい家族法の法律事務所**

   2人のパートナーが営む家族法の法律事務所は、競合のサイトがどれも似ていることに気づきます。紺色、木槌、ありふれた握手の写真ばかりです。パートナーは、気に入っているデザインコンサルティング会社のアドレスを追加します。Briksがそのレイアウトと書体を読み取り、その雰囲気で、別居、子ども、固定料金の初回相談について書いたサイトが出来上がります。

3. ベッド&ブレックファスト

   **アドレスだけでなくスクリーンショットも用意した民宿のオーナー**

   ジョージ王朝様式のB&Bのオーナーは、あるブティックホテルのトップページのスクリーンショットをスマートフォンに保存していました。彼女はそれをホテルのアドレスの横に追加し、自分の客室、朝食、町まで歩く道のりについて書きます。ビルドはそのホテルのレイアウトに沿いつつ、彼女の客室と彼女の言葉で仕上がります。

   [![Briksが例のベッド&ブレックファスト向けに作ったサンプルサイト、Hollyhock Houseのトップ部分](https://briks.dev/showcase/bed-and-breakfast.webp)](https://bed-and-breakfast.briks.live/)

   **Hollyhock House** は、ベッド&ブレックファストの例として Briks が作ったサンプルサイトで、実在のお客様ではありません。 [サンプルを開く](https://bed-and-breakfast.briks.live/)

## 得られるもの

- 1プロジェクトにつき参考サイト1つと、スクリーンショット
- レイアウト、余白、書体、動き、ヘッダーメニューを読み取ります
- お客様の言葉と画像だけを使い、参考サイトのものは使いません
- Freeプランを含め、すべての方がご利用いただけます

## 好きなサイトからホームページ作成についての質問

### Briksは、見せたサイトをそのままコピーしますか?

いいえ。ページの作りを読み取り、その雰囲気に沿ってあなたのサイトを作ります。文章は指示書から、画像はあなたのサイト用のものです。

### 参考サイトは必要ですか?

いいえ。なければ、Briksがあなたのビジネスに合うデザインを自分で考えます。先に3つのデザインから選ぶこともできます。

### 代わりにスクリーンショットを追加できますか?

はい。アドレスにスクリーンショットを添えられます。ログインが必要なページのときに役立ちます。

### サイトはいくつまで追加できますか?

1プロジェクトにつき1サイトと、最大6枚までのスクリーンショットです。上限はFreeを含むすべてのプランで同じです。

### デザインについても聞かれますか?

参考を示した場合は尋ねません。示されたサイトが、レイアウトや見た目についての質問の答えになります。ただし、どのページが必要かは尋ねます。

### 作成後に気が変わったらどうなりますか?

スタジオのチャットで、変更したい内容をふだんの言葉で伝えてください。変更はそのたびにバージョンとして保存され、元に戻せます。

## 関連機能

- [すべてのプランで利用可能 **あなたのビジネスのためにデザイン** Briks は、ご説明いただいたサイトを白紙から設計します。業種に合う書体と色を選び、公開前にコントラストも確認します。しくみ](https://briks.dev/ja/features/designed-for-your-business)
- [オンにする **デザインを選ぶ** 先にデザインに意見したいですか? オンにすると、Briksがビジネスに合わせた3つのデザインを色、書体、ボタンとともに示し、選んだものを制作します。しくみ](https://briks.dev/ja/features/pick-a-look)
- [すべてのプランで利用可能 **作成前の質問** 最初のビルドの前に、Briks は必要なページと、ご依頼で決まっていなかった点をお尋ねします。選ぶ、入力する、または任せることもできます。ウェブサイトとアプリに対応しています。しくみ](https://briks.dev/ja/features/questions-before-building)
- [すべてのプランで利用可能 **公開前のチェック** Briksで作成したサイトは、コードと、デスクトップおよびスマートフォンのライブページの両方で、読みやすい色のコントラストがチェックされます。文字が読みにくい場合は修正されます。しくみ](https://briks.dev/ja/features/contrast-checks)

[32件の機能をすべて見る](https://briks.dev/ja/features)

## ご自身のビジネスで試してみましょう

一文で説明すれば、Briksが作ります。登録時に付与されるクレジットで、無料で始められます。