![見出し画像](https://assets.st-note.com/production/uploads/images/167370466/rectangle_large_type_2_d6479b765880382603f9c472251c4ac9.png?width=1200)
★ tldraw Make realでクライアントとサイトデザインを進める方法①
「修正ループ」のリスク
デザインカンプがない案件では、参考イメージだけをもとに作業を進め、「たたき台」を作成しながら後で修正を繰り返すという状況に陥りがちです。これにより、予想以上に手間が増え、効率が下がるケースがあります。
修正回数の取り決め
こうしたリスクを防ぐためには、修正回数の上限を事前に設定することが重要です。例えば、「修正は3回まで」と明示し、それを超える場合には追加料金が発生することを契約段階で伝えます。これにより、双方にとって無駄のない進行を確保できます。
事前確認の徹底
さらに、作成するサイトの構造やクオリティを事前に共有することも有効です。
ワイヤーフレームやテンプレート案を提示し、クライアントとイメージを一致させることで、不要な修正を減らせます。
まとめ
事前の取り決めとイメージ共有を徹底することで、修正ループを回避し、効率的なプロジェクト運営が可能になります。この方法は、時間とコストの無駄を防ぎ、双方が満足できる結果につながります。
"Figmaは細かいデザイン作業や高度なインタラクションの作成に強みがありますが、ラフ段階での作業や初期デザインには、tldraw Make realの方が適しています。このツールは比較的シンプルで直感的に操作できるため、素早くラフを作成したり、アイデアを視覚化したりするのに便利です。"
「makereal」の活用方法について
今回は、便利なツール「makereal」をご紹介します。このツールは、tldrawというプラットフォームで作成した手書きの図から、HTMLコードを自動的に生成できるという素晴らしい機能を備えています。特に、デザインやウェブ制作に携わる方にとって、大変便利なツールです。
makerealとは?
「makereal」は、ユーザーがtldraw上で手書きで図を作成すると、その図をもとにHTMLコードを自動的に生成することができるサービスです。手書きの図をすばやくデジタルコードに変換できるので、デザインの効率化が期待できます。
利用に必要なもの
「makereal」を使うには、以下の準備が必要です。
1. OpenAIのAPIキー
makerealを利用するには、OpenAIのAPIキーが必要です。事前にOpenAIの公式サイトからAPIキーを取得しておきましょう。
2. tldrawアカウントの作成
tldrawを利用して手書きの図を作成するため、tldrawのアカウントを作成する必要があります。簡単に無料で利用できるので、アカウント作成は短時間で完了します。
クライアントとのすり合わせ
クライアントとのすり合わせをスムーズに進めるためには、makerealを活用することで、視覚的にわかりやすい提案が可能です。手書きでアイデアを図に起こすことができ、そのままHTMLコードに変換できるので、クライアントにとってもイメージが伝わりやすく、スムーズに意思疎通を図ることができます。