はじめに
9月21日にFigmaのcopy and paste機能のアップデートが発表されました。
本アップデートに関して、Figmaのリリースにて変更内容をまとめてくれています。
A new and improved copy and paste
今回はこちらより、本アップデートの主な機能変更についてまとめてご紹介します。
また、新しいcopy and paste機能が試せる、Copy and paste playgroundもFigmaから出ているので、さらに詳しく知りたい方はぜひ触ってみてください。
copy and pasteの変更内容
今回のアップデートでは主に3つ大きな機能変更がされました。
アップデートで変更された機能:
- Paste to replace – Shift+⌘+VまたはShift+Ctrl+Vで、選択したオブジェクトをクリップボードにコピーした別のオブジェクトに貼り替えることができるようになった
- Multi-paste – クリップボードから複数のフレームやグループにオブジェクトを貼り付けることができるようになった
- Paste here – カーソルがある場所にオブジェクトを貼ることができるようになった。
それぞれの詳細についてご紹介します。
Paste to replace
選択したオブジェクトを、クリップボードにコピーした別のオブジェクトに貼り替えることができるようになりました!
STEP!!
- ① コピーしたいものを選択 ⌘+C
- ② ペーストする場所を選択
- ③ Shift+⌘+VまたはShift+Ctrl+Vで貼り付け
こんな感じで、コンポーネント化し忘れてしまったものも、一気にリストのデザイン入れ替えることができます。
Multi-paste
クリップボードから複数のフレームやグループにオブジェクトを貼り付けることができるようになりました!
リストに要素を追加したい場合もこんな感じで、瞬時に複数箇所に貼り付け、位置を調整することが可能です。
また、このようにサービス全体のヘッダーやフッターに要素を追加したいときなどにも使用できます。
Paste here
カーソルがある場所にオブジェクトを貼ることができるようになりました。
このように特定の模様などをここに貼り付けたい!と指定する時に非常に便利です!
おまけ:Copy as PNG
最後に、おまけでcopy and pasteに関連することで、私が便利だと思ったtipsをお伝えします。
皆さんは、特定のフレームやオブジェクトを書き出すときはどこから書き出されてますか?
「Export」パネルから書き出す場合が多いかなと思います。
ただ、実はもっと手軽に選択したフレームやオブジェクトをPNGとしてコピーする方法があります!
Copy as PNG
- 概要: 選択したフレーム・オブジェクトをPNG画像としてコピーすることができる
- ショートカット: ⌘ + Shift + C (Mac) / Ctrl + Shift + C (Win)
こんな感じでショートカットキーひとつでフレームをPNG画像としてコピーすることができるので、書き出しの設定を詳細に設定する必要がない時には非常に重宝するショートカットキーだと思います!
まとめ
以上、今回は9月21日にアップデートされたFigmaのcopy and paste機能についてご紹介しました。
今回のアップデートでは主に3つのコピーアンドペースト機能が追加/改善がされていて特にPaste to Replace, Multi-pasteなどは便利そうです!
さらに詳しく本アップデートについて知りたい方はFigmaの公式ブログをご一読、もしくはCopy and paste playgroundをぜひお試しください!
Figma公式ブログ: New and improved copy and paste
Copy and paste playground: Copy and paste playground