マガジンのカバー画像

Figma Learning

24
運営しているクリエイター

#Webデザイン

デザイン作業をもっと快適にするFigmaのテクニック集

はじめにこんにちは!i3DESIGNデザイナーチームです。 今回は、チームでFigmaを使ってデザインしている方に向けた実務で活かせるFigmaのノウハウをお届けします!ポイントを押さえて、作業のスピードをアップしましょう! 1. ComponentVariant properties と Component propertiesの使い分け FigmaのComponentには「Variant properties」と「Component properties」の2種類のプロ

FigmaのLayout grid(レイアウトグリッド)を活用する

渋谷でデザイナーをしています。福田です。 FigmaのLayout gridを利用してデザインを作成するのが、便利だったので備忘録として記録します。 Responsive layout grid とは レスポンシブレイアウトグリッドでデザインを作成すると、画面のサイズや向きに左右されることなく、レイアウトを組むことができます。また、レイアウトグリッドのルールを決めてしまえば、そのルールに従ってレイアウトを組むだけなので、デザインの作成もスムーズになります。 gridの構成