nagumo

figma

Figma操作方法

オートレイアウト (Auto Layout) とコンポーネント化の活用が必須1.基本パーツのコンポーネント化(オートレイアウト適用)2.PC版ページ全体のデザイン作成(オートレイアウト)2.スマホ版ページへコピーして再調整(スタックの変更)3.Dev ModeでCSSを確認しながらコーディング
figma

Figma操作ショートカット集

Figma操作の便利なショートカットや操作について記載していますツールバー選択移動ツール:V、フレームツール:F、テキストツール:T、長方形ツール:O、線ツール:Lショートカットキー一覧の呼び出しCtrl + Shift + ?10px単位の操作Shift を押しながら作業 数字は Shift + ↑ または ↓レイヤーぶち抜きで狙ったものを選択 Ctrl + クリックオートレイアウト化Shift + A選択しているGroup/Frameの1つ下の階層を選択Enter選択している要素の1つ上の階層を選択Shift + Enterテキスト入力中の状態からテキストレイヤー選択中の状態にするCtrl + Enterレイヤーを非表示/表示Shift + Ctrl + H垂直方向に反転Shift + V100%表示Shift + 0スタイル(プロパティ)のコピーCtrl + Alt + Cスタイル(プロパティ)のペーストCtrl + Alt + V選択中の要素と同列の階層にペーストCtrl + Shift + C繰り返しの複製Alt でドラッグして複製したあとに Ctrl + D透明度設定 レイ...