Studio Help

ボックスのデザイン設定

59件の記事

Figma to Studio

ボックスの基本操作

ボックスの追加

ボックスの選択

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

親子ボックス

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

ボックスの配置調整

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

Toggle（トグル）ボックスの追加

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

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

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

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

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

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

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

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

はみ出し設定

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

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

ボックスの外観設定

ボックスの色を設定する

ボックスの枠線設定

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

シャドウの設定方法

ボックスの角丸設定

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

色とフォントの一括管理

テキストスタイルの設定と管理

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

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

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

アニメーション

条件付きスタイル

アニメーション

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

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

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

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

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

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

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

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

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

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

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

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

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

タブ切り替えの作成方法

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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