Webデザイン制作 Figma基礎入門シリーズ
シェアしてね〜🤞
これはWebデザインの初心者がFigmaを使用してデザインスキルを学び、磨くためのシリーズです。
Figmaはオンラインで利用できるデザインツールで、チームでの協働が容易なため、近年多くのデザイナーに採用されています。
この入門シリーズでは、Figmaの基本的な機能から始め、画像のトリミングやコンポーネントの基礎など、実際のWebデザインで必要となる操作を段階的に解説します。
シェアしてね〜🤞
2023-02-11
Figmaアカウント作成と初期設定を丁寧に解説!
本記事ではFigmaのアカウント作成と初期設定について解説していきます。
まずは、こちらの公式サイトにアクセスしましょう。
日本語版 https://www.figma.com/ja/(※日本語版は2022年にリリースされました!)
英...
2023-02-22
Figma初心者向け使い方解説【複数アカウント管理&ファイル管理】
本記事では、Figmaホーム画面から行うアカウントの管理(追加・切り替え・削除)と、ファイルの管理について詳しく解説していきます。
アカウントが登録されると表示されるこちらのホーム画面…このシンプルすぎる(?)画面に慣れるまでは、「何がど...
2023-03-12
【Figma】フレームの使い方マスター編 〜グループとの違いやオートレイアウトについても解説〜
本記事では、Figmaでデザインをしていく上で必須の「フレーム」の使い方について解説していきます。「フレーム」は、Figmaの肝(キモ)ともいえる機能ですので、しっかり学んで使いこなしてくださいね!
ONE POINT 〜フレームって何?...
2023-03-20
【Figma】テキストスタイルの使い方 〜設定・登録・解除方法〜 徹底解説!
本記事では、Figmaにおけるテキストスタイルの設定や編集、そして、スタイルの登録・適用・解除方法について解説していきます。
ところで、「見やすいwebサイト」ってどのようなサイトだと思いますか?
レイアウトのテクニックは数あれど、やは...
2023-06-05
Figma 画像配置・トリミング・色調整・書き出しをマスター!
WEB制作に欠かせない要素として「画像(写真やイラスト)」がありますね。
トップイメージの他に、
商品
メンバーの写真
背景イラスト
など1つのWEBサイトには数多くの画像が配置されます。
本記事では、
画像の配置
サイズ調整
トリミング...
2023-06-12
Figma コンポーネントの基礎からバリアントまでを理解しよう
本記事では、Figmaの超便利機能「コンポーネント」の使い方について、解説します!
複数のページを持つWEBサイトを製作する場合、コンポーネントを使いこなすことで、作業時間を大幅に短縮することができるでしょう。
「コンポーネントって何?...