毎朝、アラームの1分前に目が覚めるatsushiです。
先週の2月16日にGoogleからGemini 1.5が発表されましたね。
次々とAI生成ツールが出てくるので少し置いてけぼりになってる感じがするのでGeminiを使ってみようと思います。
それでは早速、プロンプトを投げてみるとします。
質問：WEBデザインを効率良くするためのツールを5つ教えてください
Geminiの回答
WEBデザインを効率良くするためのツール5選
1. デザインツール
- Adobe Photoshop: 画像編集の定番ソフト。写真加工やバナー作成など幅広い用途に使える。
- Adobe Illustrator: ロゴやイラスト制作など、ベクターデータ編集に特化したソフト。
- Adobe XD: ワイヤーフレームやプロトタイプ作成に特化したUI/UXデザインツール。
- Figma: ブラウザ上で使えるUI/UXデザインツール。チームでの共有やコラボレーションがしやすい。
- Sketch: シンプルで使いやすいUIデザインツール。Macユーザーにおすすめ。
2. コーディングツール
- Visual Studio Code: 豊富な機能と拡張性を備えたオープンソースのコードエディター。
- Sublime Text: 軽量で高速なコードエディター。カスタマイズ性も高い。
- Atom: GitHubが開発するオープンソースのコードエディター。豊富な拡張機能で機能を拡張できる。
3. その他
- Bootstrap: レスポンシブなWebサイトを簡単に作成できるフレームワーク。
- WordPress: 世界中の多くのサイトで使われているCMS。豊富なテーマやプラグインで自由度の高いサイト制作が可能。
- Google Fonts: 無料で使えるWebフォントのサービス。
- Adobe Fonts: 有料のWebフォントのサービス。
4. デザインカンプ作成ツール
- Zeplin: デザインカンプからCSSコードを生成できるツール。
- Avocode: デザインカンプからSketchやXDのファイルを作成できるツール。
5. プロジェクト管理ツール
- Backlog: チームでのタスク管理に使えるツール。
- Trello: カンバン方式でタスク管理ができるツール。
これらのツールはほんの一例です。自分に合ったツールを見つけて、効率的にWebデザインを制作しましょう。
その他
- ショートカットキーを覚える
- デザインシステムを構築する
- ライブラリやフレームワークを活用する
なども効率化に役立ちます。
参考情報
- 【Webデザイナー必見！】制作を効率よくするためにできること | Bigmac inc
- 【初心者向け】プロが教える効率のいいWEBデザイン勉強法4選 – トゥモローゲート
- Webデザイナーなら必ずインストールしておきたい作業効率化ツール7選 – STACK DESIGN
- 【webデザイナー向け】生産性向上・効率化に最適なツール８選！ – Pace(ペース)
↑こんな回答が返ってきました。
ツール部分は、まあ予想できる感じの回答ですが、「その他」のところがいいですね。「ショートカットキーを覚える」…たしかに！「デザインシステムを構築する」…たしかに！「ライブラリやフレームワークを活用する」…たしかに！という感じで中々いい回答なんじゃないかと思います。
参考情報も教えてくれるのもいいですね。
この参考ページから新たに学べることもありそうです。
いままでChat GPTしか使ってなかったのでGeminiも使っていきながらAIに使われずにAIを使いこなせる人になろうと思いました！
もっとプロンプトの研究が必要ですね
