タイルモードの画像塗りつぶし
フレームを選択、画像塗りつぶしを選択、モードをTileに設定。PNGをアップロードすると繰り返されます。スケールパーセンテージを調整。
ヒーローセクションとランディングページ
ノイズやペーパーテクスチャをタイル塗りつぶしとして5〜15%不透明度で背景に適用。テクスチャはコンテンツと競合せずに視覚的深みを追加。
カード背景とUI要素
テクスチャでカードタイプを差別化。微妙なグラデーションテクスチャの価格カードはプレミアム感。グリッドパターンの機能カードは技術的精度を示唆。
デザインシステムテクスチャトークン
テクスチャをトークンとして扱う：“surface-subtle”、“surface-warm”、“surface-paper”。共有スタイルとして公開。
Figmaでのパフォーマンス
512×512または1024×1024のソース画像を使用。Figmaがタイリングするので4Kは不要。大きなテクスチャファイルはFigmaを遅くします。