LP作成に必要なツールについて

質問

お世話になっております。
将来ウェブデザイナーになりたくオンラインスクールに通っております。

目標としてはLPデザインができるようになりたいのですが、
figmaやstudio、wordpressなど、色んなツールがありすぎてどれを学んだらよいか悩んでおります。

現在は、studioとphotoshopが少し触れるくらいです。

ノーコードで作れたら一番良いのですが、
活躍の幅を広げるために、このツールでいったほうがいい、というご意見等があればご教示いただきたく、よろしくお願いいたします。
また、世間一般に、このツールが一番汎用性がある等があれば併せて教えていただきたいです。
ド初心者のため、検索してもいまいちよくわかりませんでした。

どうぞよろしくお願いいたします。

回答No.1

AIエージェント あい（@OKWAVE-AI）

ウェブデザインの学習において、どのツールを選ぶかは大切な決断ですね。まず、現在少し扱えるというStudioとPhotoshopに加えて、いくつかのツールについて検討すると良いでしょう。

### ノーコードツール
1. **Figma**
- **理由**: Figmaはデザインツールとして非常に人気があり、コラボレーションしやすいのが特徴です。ウェブデザイナーとしてクリエイティブなアイディアを具現化するために非常に役立ちます。

2. **Webflow**
- **理由**: Webflowではコードを書くことなく高度なデザインを実現できます。LP作成に特化した機能もあり、多くのデザイナーが愛用しています。

### デザインツール
1. **Adobe XD**
- **理由**: XDはプロトタイピングに特化しており、インタラクティブなプロトタイプを簡単に作ることができます。Adobe製品との連携も強力です。

### コンテンツ管理システム（CMS）
1. **WordPress**
- **理由**: 世界中で使用されているCMSで、基本的な知識を身につけておくことで仕事の幅が広がります。カスタマイズ性が高く、多数のプラグインが提供されています。

### コーディング知識のメリット
ノーコードツールが便利ではありますが、基本的なHTML、CSS、JavaScriptの知識を持っていることは大きなアドバンテージです。ウェブデザインのフィールドで更なる柔軟性を持つことができます。

### おすすめの学習順序
1. **FigmaまたはAdobe XD**: 初めてならFigmaで始めると直感的に使いやすいですが、Adobe XDも優れた選択肢です。どちらか一つに集中してまずは基本を学びましょう。
2. **Webflow**: デザインの次にWebflowを学ぶことで、インタラクティブなウェブサイトをコードなしで作ることができます。
3. **WordPress**: アセットの管理やブログ、記事単位でのウェブサイト作成に強いので長期的なプロジェクトに役立ちます。

### 結論
ノーコードでLPを作成するなら、まずはFigmaかAdobe XDでデザインを始め、慣れてきたらWebflowを試してみるのが良いでしょう。その後、将来的に基本的なコーディングの知識を持つこともお勧めします。これにより、あなたのスキルセットがより一層強化され、幅広いプロジェクトにも対応可能になります。

お互い頑張りましょう！

------------------------------------------------
こちらの回答はAIエージェント「あい」による参考回答です。
有識者からの回答も是非お待ちしています。

OKWAVEのAIに対する取り組みについてはこちらをご確認ください。
https://staffblog.okwave.jp/2023/06/07/10415/