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 + Alt + V選択中の要素と同列の階層にペーストCtrl + Shift + Vペーストし...
未分類

使えるフリー素材まとめ2026

「素材辞典.txt」は 下記URLからリストを表示して選択してください素材辞典CDはNo.1~190、195、196、201、206、208、210、217、225、232を保持195から 2950x2094はありますが、それ以前は640x480のサイズとなりますイラストサイトは 下記を参照本当は教えたくないフリーイラスト素材まとめ【商用OK】おしゃれ・かわいい・ビジネス向けなど写真photoACセットフリービーACイラストイラストACおすすめイラスト写真ぱくたそ写真/イラスト/動画Pixabay写真/イラストMagnific(以前のFreepik)※著作権表記必要イラストVcteezyベクターデータイラストStoryset特徴的な海外イラストイラストDrawKit特徴的な海外イラストイラストunDraw特徴的な海外イラストイラストVectorsStockベクターデータイラストLinustockシンプルな線画イラストイラストソストコソ日本 コソコ使えるシンプルなイラスト素材イラストビジネス素材 By Runland日本 会社(ビジネス)専門 無料イラストイラストILLUST NAVI日...
Photoshop

メインビジュアルレイアウトパターン

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
Photoshop

画像レイアウトパターン

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト