オブジェクトのコピーと貼り付け
はじめに
この機能を使用できるユーザー
すべてのチームまたはプランでサポートされます。
閲覧のみアクセス権があれば、誰でもファイルのオブジェクトをコピーできます
編集可アクセス権があれば、誰でもファイルのオブジェクトを貼り付けることができます
ハンズオンで学習中の場合プレイグラウンドファイルのコピーと貼り付けをご覧ください。
キャンバス内でオブジェクトのコピーと貼り付けをする場合、常にキャンバス上の位置とキャンバスの表示を確認できる状態で、意図したオブジェクトの配置が考慮されます。
貼り付けの配置
貼り付けたオブジェクトは、コピー元のグループまたはフレームでの位置と相対的に同じx
およびy
の位置が移動先フレームでも維持されます。以前のコンテナのx
またはy
の位置が移動先のグループまたはフレーム内に収まらない場合、オブジェクトは新しいフレームの中央に貼り付けられます。
下の例では、フレーム1には紫の楕円、赤い星、緑の正方形が含まれており、それぞれ左上、左下、右下に配置されています。
オブジェクトをフレーム1からフレーム2にコピーした場合、次のようになります。
- 紫の楕円は、フレーム2で同じ
x
座標とy
座標に配置できるため、元の位置が維持されます。 - 赤い星は
x
座標だけを一致させることができるため、y
軸の中央に配置されます。 - 緑の正方形は、元のx座標とy座標のどちらもフレーム2に収まらないため、両軸の中央に配置されます。
オブジェクトをフレーム1からフレーム3にコピーする場合は、次のようになります。
- 紫の楕円は、フレーム3で同じ
x
座標とy
座標に配置できるため、元の位置が維持されます。 - 赤い星は、
x
座標とy
座標の両方をフレーム3で一致させることができるため、元の位置が維持されます。 - 緑の正方形は、フレーム1の
y
座標だけを一致させることができるため、x
軸の中央に配置されます。
キャンバスの表示
コピーしたオブジェクトを貼り付けるときにフレームを選択している場合、オブジェクトを貼り付ける位置と表示領域の調整は、キャンバスの現在のビューを考慮して決定されます。
- キャンバスの現在のビューが選択したフレームから大きく離れている場合、意図した貼り付け領域からあまりにも離れた場所に移動しなければならなかったり、キャンバス内で方向を見失ったりすることがないように、オブジェクトは現在のビューの中央に貼り付けられます。
- 選択したフレームが現在のビューのすぐ外側にある場合、オブジェクトは選択したフレームに貼り付けられ、貼り付けたオブジェクトが表示されるように表示領域がわずかに調整されます。
- 貼り付けられようとしているオブジェクトがキャンバスの現在のビューよりも大きい場合、ビューのズームレベルが調整され、貼り付けられたオブジェクトの全体が表示されます。
- キャンバスのビューより大きいフレームが選択され、そこにオブジェクトが貼り付けられようとしている場合、オブジェクトはフレーム内の中央に配置されるため、表示領域から移動することはありません。
注:オブジェクトを貼り付けた後にビューを調整するかどうかは、オブジェクトがキャンバスの現在のビューより50%広い領域内に配置されるかどうかによって決定されます。領域内にオブジェクトが配置された場合はビューが調整されます。それより外に配置された場合、オブジェクトはキャンバス上の現在のビューの中央に貼り付けられ、オブジェクトのサイズに応じてズームレベルが調整されます。
貼り付けて置換
貼り付けて置換機能は、選択したオブジェクトをキャンバスまたはフレームから取り除き、クリップボードにコピーされたオブジェクトで置き換える場合に使用します。これは、フレームのプレースホルダーアイテムを置き換える場合や、ローファイワイヤーフレームにアセットを入力する場合に役立ちます。
- 次のキーボードショートカットを使用して、オブジェクトを選択およびコピーします。
- Mac: ⌘ CommandC
- Windows: Control+C
- コピーしたオブジェクトと置き換えるオブジェクトを選択します。
- 選択したオブジェクトを右クリックして、メニューの[貼り付けて置換]をクリックします。次のショートカットキーを使用することもできます。
- Mac: ⇧ Shift ⌘ Command R
- Windows: Control+Shift+R
注: 貼り付けられたオブジェクトは、置き換えられたオブジェクトの制約を引き継ぎます。制約の詳細情報→
選択範囲の上に貼り付け
選択範囲の上に貼り付けオプションでは、コピーしたオブジェクトは、選択したフレーム内ではなくフレームの上に配置されます。貼り付けたオブジェクトの位置は、選択したオブジェクトのx
座標とy
座標に合わせられます。
- 次のキーボードショートカットを使用して、オブジェクトを選択およびコピーします。
- Mac: ⌘ CommandC
- Windows: Control+C
- コピーしたオブジェクトを貼り付けるフレームを選択します。
-
をクリックして、ファイルメニュー > [編集] > [選択範囲の上に貼り付け]の順に選択します。次のキーボードショートカットを使用することもできます。
- Mac: ⌘ Command⇧ ShiftV
- Windows: Control+Shift+V
マルチ貼り付け
マルチ貼り付けは、1つまたは複数のオブジェクトを同時に複数のフレームに追加するときに役に立ちます。たとえば、ナビゲーションバーを複数のモバイルワイヤーフレームに、またはフッターをプレゼンテーションデッキの複数のスライドに追加することができます。
1つのオブジェクトの貼り付け
1つのオブジェクトをコピーして複数のフレームに貼り付けるには、次の操作を行います。
- 次のキーボードショートカットを使用して、オブジェクトを選択およびコピーします。
- Mac: ⌘ Command C
- Windows: Control C
- コピーしたオブジェクトを貼り付けるフレームを選択します。
- 次のキーボードショートカットを使用して、オブジェクトを貼り付けます。
- Mac: ⌘ Command V
- Windows: Control V
複数のオブジェクトの貼り付け
複数のオブジェクトをコピーして、1つまたは複数のフレームに貼り付けることができます。たとえば、さまざまな背景スタイルをコピーして複数のスライドに貼り付け、プレゼンテーションの間、パターンを循環させることができます。
- 複数のオブジェクトを選択します。オブジェクトは同じフレームからのものでも、複数のフレームからでも、両方が混在していてもかまいません。複数のオブジェクトの選択方法→
- 次のキーボードショートカットを使用して、オブジェクトをコピーします。
- Mac: ⌘ Command C
- Windows: Control C
- コピーしたオブジェクトを貼り付けるフレームを選択します。
- 次のキーボードショートカットを使用して、オブジェクトを貼り付けます。
- Mac: ⌘ Command V
- Windows: Control V
オブジェクトはコピーされた順序で貼り付けられ、追加のフレームがある場合は、これが繰り返されます。
コピーしたフレームの数が貼り付け先のフレームより多い場合、余ったオブジェクトは最後のフレームに貼り付けられます。
ここに貼り付け
ここに貼り付けオプションでは、貼り付けられたオブジェクトの正確な配置場所を選ぶことができます。オブジェクトは、キャンバスまたはフレーム内のカーソルのある位置に置かれます。
- 次のキーボードショートカットを使用して、オブジェクトを選択およびコピーします。
- Mac: ⌘ CommandC
- Windows: Control+C
- コピーしたオブジェクトの左上を配置する位置にカーソルを置きます。
- 右クリックして[ここに貼り付け]を選択します。
注: オートレイアウトのフレームとともに[ここに貼り付け]を使用する場合、オブジェクトはフレーム内ではなくフレームの上に貼り付けられます。
トリミングされたフレームへの貼り付け
フレーム内にあっても視覚的にはフレームの境界の外側にあるオブジェクトのコピーと貼り付けは、移動先フレームがトリミングされているかどうかにかかわらず、外側の位置が優先されます。
これは、スマートアニメートによってプロトタイプ内のフレームへ「イン」またはフレームから「アウト」するフレームの外側にオブジェクト配置する場合に便利です。
PNGとしてコピー
選択したオブジェクトをPNG画像としてクリップボードにコピーして、Figma内、またはその他のアプリケーションに貼り付けることができます。PNGとしてコピーを使用して作成された画像はデフォルトで2倍のサイズの画像として出力されます。
- オブジェクトを選択します。
- オブジェクトを右クリックして[PNGとしてコピー]を選択します。次のキーボードショートカットを使用することもできます。
- Mac: ⌘ Command⇧ShiftC
- Windows: Control+Shift+C
- 次のキーボードショートカットを使用して、画像を貼り付けます。
- Mac: ⌘ Command⇧ShiftV
- Windows: Control+Shift+V
コードとしてコピー
選択したオブジェクトをコードとしてコピーして、開発プロセスの間、他のアプリケーションで使用することができます。
- オブジェクトを選択します。
- オブジェクトを右クリックして[コードとしてコピー]を選択します。次のキーボードショートカットを使用することもできます。
- Mac: ⌘ Command⇧ShiftC
- Windows: Control+Shift+C
- オプションのリストからCSS、iOSまたはAndroidを選択します。
画像の塗りのコピーと貼り付け
画像を塗りとして使用し、重ねたり、シェイプオブジェクトに適用したりできます。シェイプ上の画像の塗りを選択し、コピーして他のシェイプに貼り付けることができます。
- 右サイドバーの[塗り]セクションで、画像プレビューのすぐ左の領域を選択します。
- 次のショートカットキーを使用して、塗りをコピーします。
- Mac: ⌘ CommandC
- Windows: Control+C
- コピーした塗りを追加するシェイプを選択します。
- 次のキーボードショートカットを使用して、コピーした画像を貼り付けます。
- Mac: ⌘ CommandV
- Windows: Control+V