【デイトラ学習記録2】figmaという最強デザインツール

じゅる

どうも！フリーランスエンジニアのじゅるです！

この記事では、デザインツール「Figma（フィグマ）」について解説します。

Webデザインやアプリデザインを始めようと思った時、どのツールを使えば良いか迷うことはありませんか？PhotoshopやIllustrator、Sketchなど有名なツールはたくさんありますが、その中でもFigmaは注目度が高く、自分も以前の仕事で使用をしていました。

じゅる

初心者からプロまで幅広く使えるFigma、ぜひ一緒に学んでいきましょう！

Figmaとは？

おさるくん

そもそもFigmaって何？

Figmaは、クラウド上で動かすことができるデザインツールです。Webブラウザ上で動作し、インストール不要で利用できる点が特徴ですね。

主に以下のような用途で使用されます。

• UI/UXデザイン：Webサイトやアプリの画面設計
• プロトタイプ作成：動作イメージを確認するための試作品作成
• コラボレーション：チームでのリアルタイムな共同編集

じゅる

現場で使ったことあるけど、上の用途でしっかり使ってたな！

他のツールと違って、どこからでもアクセスできるのが便利やで！

Figmaの特徴と魅力

おさるくん

他のツールと比べて何がすごいの？

Figmaの特徴的なポイントをいくつか挙げてみます。

1. クラウドベース
   Webブラウザ上で動作するため、WindowsやMacだけでなく、LinuxやiPadなど幅広い環境で利用可能です。
2. リアルタイムコラボレーション
   複数人が同時にデザインを編集できます。コメント機能もあり、フィードバックを簡単に共有できます。
3. 豊富なプラグイン
   アイコンやイラストを簡単に挿入できるプラグインが多く、作業効率を大幅に向上させます。
4. バージョン管理
   作業履歴が自動で保存されるため、過去の状態に簡単に戻れます。

じゅる

googleのスプレッドシートとかはつかったことある？
あれみたいに、みんなで1枚のシートを作業できるんや！

「どの端末でも編集可能」や「みんなで作業できる」ところがポイントや！

Figmaを使うメリット

おさるくん

実際に使うとどんな良いことがあるの？

Figmaを使う主なメリットを紹介します。

1. コストが低い
   無料プランでも多くの機能を利用できるため、個人や小規模チームでも導入しやすいです。
2. 操作が直感的
   ツールの学習コストが低く、初心者でも簡単に使い始められます。
3. チーム開発に最適
   エンジニアやデザイナー、プロジェクトマネージャーが一つの環境で共同作業できるため、無駄が減ります。
4. プラグインの拡張性
   デザインからコード変換、リソース管理まで、さまざまな作業を効率化するプラグインが利用可能です。

じゅる

無料でもかなり広いことができてしまう！
コストパフォーマンスの良さと、直感的な操作性が大きな魅力やね！

Figmaの基本的な使い方

おさるくん

どうやって使い始めるの？

Figmaの使い方は非常に簡単！

1. アカウント登録
   公式サイト（https://www.figma.com）で無料アカウントを作成
2. プロジェクトを作成
   ダッシュボードで「New File」を選択、新しいプロジェクトを開始
3. デザインを作成
   ツールバーの基本ツールを使ってデザインを作成

• フレーム：デザインの領域を作成する
• シェイプ：四角形や円形などの基本図形を挿入
• テキスト：文字を入力

おさるくん

触ってみたけど、かなり直感的に使えるんだね！

1. プロトタイプを作成
   デザインにリンクやアニメーションを設定して、動作するプロトタイプを作成
2. 共有とフィードバック
   プロジェクトを他のメンバーと共有て、コメントも追加できるのでコメントをリアルタイムでもらいながら改善していく

じゅる

参考書とかもいらんかもな。笑
ネットに落ちている情報だけで十分使えるようになる！

誰でも気軽に始められるのがFigmaの良いところやで！

まとめ

じゅる

Figmaは、Webブラウザだけで完結する便利なデザインツールや！

初心者からプロまで幅広いユーザーが利用しています。特にクラウドサービス特有の共有のしやすさが際立っています。
大規模サービスで使用するにももってこいなツールなので、web制作をする上で覚えておいて損はありません。

Webデザインやアプリ開発を効率的に進めたい方は、ぜひFigmaを試してみてください。

おさるくん

コマンドもあるんだ！こういうのを覚えておけばかなり作業効率が上がりそうだね！

じゅる

デイトラではコマンドも一緒に教えてくれるよ！

じゅる

今回もいつも通りなんの広告料も貰ってないから、よかったら覗いてみてな！

以上、じゅるでした！

じゅる

福井の新米しゃちょー

XInstagramYouTube

どうも！はじめまして。
福井県大野市出身。人生紆余曲折あって、いまは地元で美容系とITの会社起業し日々奮闘するフリーランスエンジニア兼経営者のじゅるです！(笑)
人生をもっと楽しく！それをモットーに仕事や学びを得ています！そして皆さんに提供できるように！
まずは地元福井から、楽しいことを増やしていくから、奮闘具合と知識と現状を記事に載せて更新していくからよろしく〜！
気軽に「じゅる」って呼んでね！