つくり方を解説します。起動し、「ファイル」→「開く」からダウンロードしたサンプルファイルを選択して「開く」をクリックします。ファイルが開くと、動画と同じサンプルが表示されます。スケジュール表の作成まず、スケジュールを配置する表を作成します。ペーストボード上に長方形を描き、幅44px、高さ46pxに変更し、線のチェックを外して塗りだけにします。なるように調整します。これでスケジュールを配置する場所ができました。次は、表の背景を作成します。リピートグリッドを覆い隠すように長方形を描きます。線のチェックを外して、塗りの色を薄いグレーにします。長方形をリピートグリッドの背面に移動して、長方形とリピートグリッドをグループ化します。すると、背景の長方形が前面のオブジェクトと同じ大きさになります。これで、セル間に薄いグレーの線が引かれたスケジュール表ができました。データ用パーツの作成ここからはスケジュール表に配置するデータ用のパーツを作成します。線のチェックを外し、塗りの色に水色を適用します。続けてテキストを作成し、「MTG」と入力します。10px、種類に固定サイズテキスト、カラーに白を指定します。テキストを長方形の上に移動して、テキストと長方形をグループ化します。最後に、グループをコンポーネント化します。これでスケジュールデータを書き込むパーツができました。スケジュールデータの配置スケジュールデータ用のパーツは、固定サイズテキストとパディングを組み合せて使用したことで、任意の高さに変更できます。インスタンスを複数作成して、スケジュール欄の上に自由に配置します。テキストも好みに応じて書き換えます。最後に、今回作成した全てのオブジェクトを選択してコンポーネント化します。撮影時XDバージョン50こちらの機能をあらかじめ習得しておきましょう繰り返しオブジェクトの作成リピートグリッド機能は、カードUIの様にオブジェクトを繰り返し配置するデザインの作成を効率化します。グループまたはコンポーネントに固定パディング値を設定できます、パディングを固定すると、コンテンツに応じて自動的に背景の大きさが変わります。ラベルに合...UIデザインさらに強化。コマースサイトをデザインする際によく出会うことになるパーツの効率的な作り方を紹介するシリーズです。利用条件Cookieについて。