Studio Help

ボックスのデザイン設定

65件の記事

Figma to Studio

ボックスの基本操作

ボックスの追加

ボックスを選択する

ボックスのグループ化とは

親子ボックス

ボックスの配置調整

条件付きスタイル

ボックスの外観設定

ボックスの色を設定する

ボックスの枠線設定

背景を斜めに塗る・斜め背景を作成する

シャドウの設定方法

ボックスの角丸設定

ブレンドモード・フィルター・背面フィルター

ボックスのレイアウト設定

ボックスのサイズ単位設定方法

複数のボックスの縦幅（高さ）を揃える

マージン・パディング・ギャップの設定方法

ボックスのポジション（位置・重ね順・はみ出し）設定

ボックスの位置設定：相対・固定・絶対・追従

はみ出し設定

ボックスを重ねる（ネガティブマージン）

画面の下端や右端にボックスを固定配置する

色の一括管理

カラースタイルの設定方法

選択色の確認と色の一括変更方法

マイカラー（My Color）への新規登録停止と機能提供終了について

Studioで利用できるフォント

フォントの管理方法

フォントの設定・置換・削除

カスタムフォント（Custom Fonts）

StudioでTypeSquareを使用する

フォント選びと使い分けのヒント：システムフォント（System Font）とWebフォント

エディタで設定したフォントが、異なるフォントとして表示される場合

1プロジェクトで使用できる書体数の上限

アニメーション

アニメーション

アニメーションを削除・解除する

ローディング風アニメーションの作成方法

ボタンにカーソルを乗せると色が変わるアニメーションの作成方法

ボタンにホバーすると端から色が変わるアニメーションの作成方法

ホバー時に画像を切り替える方法

リンクやホバーアニメーションが動作しない時の修正方法

下からフェードインするアニメーションの作成方法

「出現時」のアニメーションが表示されない場合の対処法

デザインの小技、便利機能便

コマンドパレットでプロジェクト内外を検索する

ヘッダーやボタンを画面に固定表示する

ボックスを横並び・縦並びに変更する方法

画像上のテキストを見やすくするコツ

エディタ上のページやデザインの一部を誤って削除してしまった場合

LINEの友だち登録ボタンを作りたい

タブ切り替えの作成方法

エディタ上でテーブル（表）を追加したい

ダウンロードボタンを設置したい

アフィリエイトタグを設置したい

デザイン編集時のトラブルシューティング

エディタ上でボックスを選択できません

左パネルやスタイルバーが表示されなくなった場合

「デザインデータの容量が大きくなっています」と表示される場合

ボックス入れ子構造の階層上限

固定位置でヘッダーを配置すると、デザインと重なってしまう

埋め込んだ背景動画の上下や左右に余白ができてしまう場合

コピー & ペーストができない場合

画像に青い網がかかって文字を重ねられない場合

Toggle ボックスのメニューが上下に開いて動いてしまう場合

デザイン表示のトラブルシューティング

サイトが意図せず左に寄る、右側に余白ができる

スマホのサイトやプレビューが、エディタと異なる場合

スクロールバーが表示されない

縦書きテキストが、プレビューやサイトで重なっしまう場合