'%3E%3Crect x='-4.10352' y='0.1875' width='171.875' height='171.875' rx='85.9375' fill='%230C5238'/%3E%3Crect x='82.5566' y='-9.2085' width='133.93' height='133.93' rx='22.7014' transform='rotate(45 82.5566 -9.2085)' fill='%23F79CFF'/%3E%3Crect x='144.375' y='23.677' width='123.75' height='123.75' rx='61.875' transform='rotate(90 144.375 23.677)' fill='%23FF6D38'/%3E%3Crect x='106.562' y='26.198' width='119.396' height='48.125' rx='24.0625' transform='rotate(90 106.562 26.198)' fill='%23252525'/%3E%3Crect x='106.562' y='62.8645' width='48.125' height='48.125' transform='rotate(90 106.562 62.8645)' fill='%2312A720'/%3E%3Cpath d='M106.553 86.927L99.5232 103.942L82.5526 110.99L65.5819 103.942L58.5524 86.927L65.5819 69.9122L82.5526 62.8645L99.5233 69.9122L106.553 86.927Z' fill='%23FFFF00'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3971_7584'%3E%3Crect width='165' height='92.8125' fill='white' transform='translate(0 0.1875)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A)
Figmaデザインの基礎知識
-
インターフェースツアー
ファイルユーティリティ
-
デザインの作成
レイヤーの作成と編集
レイヤーの操作
テキストとフォント
色、グラデーション、画像
- Figmaデザインでのカラーモデル
- デザインファイルへの画像と動画の追加
- 色選択機能でのペイントの適用
- 画像と動画の一括追加
- ブレンドモードを使用したユニークなエフェクトの作成
- 6件の記事をすべて表示
追加のプロパティ
オートレイアウトの使用
-
デザインシステムを構築する
スタイル
コンポーネント
- Figmaのコンポーネントについてのガイド
- デザインで再利用するためのコンポーネントの作成
- バリアントの作成と使用
- バリアント付きのインタラクティブコンポーネントを作成
- コンポーネントのプロパティを調べる
バリアブル
ライブラリの作成と共有
ライブラリの使用
-
開発モード
インターフェースツアー
デザインのインスペクト
-
プロトタイプ作成
ガイド
プロトタイプ作成
高度なプロトタイピング
プロトタイプの表示
-
インポートとエクスポート