Figmaの練習問題

まずは動画で確認 まずは動画でスタイル機能を使っているところを見てみましょう。 このように、よく使う色やフォント、フォントサイズを記録しておき、統一して利用することができます。 デザインがまだ決まっていない状態では、中途半端に利用すると邪魔...

上記の続きです。 Figmaはベジェ曲線のデータを作成することができます。 利用用途 アイコンの作成 イラスト作成 フォントで打ち込んだ文字の加工、あしらいの追加 Webパーツ素材作成 もし、Adobeの契約をしている場合はIllustra...

上記の続きです。 前回の記事では「デザインタブ」の続きですが「プロトタイプタブ」の基本をマスターしましょう。 サンプルデータ すぐにプロトタイプ機能を試せる画面を用意しました。 こちらのデータを使ってください。 プロトタイプってなに？ Fi...

FigmaはWebデザインにおいて非常に重要なツールです。 その重要性は日に日に高まっています。 使い方はそれほど難しくなく、使っていてストレスもありません。さらっと基本を覚えましょう。 こちらの記事では導入はすでに済んでいることを前提に使...

まずは動画で確認 まずは動画で使っているところを見てみましょう。 上記の画像を「WATER」という形にマスクしてみます。 ①マスクするもの、されるものをグループ化する。 ②マスクする形のものをグループの一番下に移動する。 ③一番下のものを右...