【エンジニアに知ってほしい Figma の便利機能】Copy as PNG でキャプチャ画像をクリップボードに保存する
こんにちは、Gaji-Labo アシスタントエンジニアの石垣です。
今回は、毎週金曜のテックシェアの場で、コンポーネント開発に役立つ Figma の便利機能を教えてもらったのでそれをご紹介したいと思います。
Copy as PNG でキャプチャ画像をクリップボードに保存できる！
コンポーネント開発をしている際、 Figma 上のコンポーネントの簡単なキャプチャが欲しい時があったりします。
素材として正規の画像を切り出すには Export パネルから PNG 等をエクスポートしますが、簡単なキャプチャが欲しいだけの時は一つ一つエクスポートして保存するのは手間です。
この Copy as PNG は、レイヤーパネルで選択できるフレームやオブジェクトを直接PNG形式でコピーできます。ショートカットキー ⌘ + Shift + C を押すだけでも可能です。
⌘ + Shift + C で直接PNG形式でコピーできる具体的にどこで役立つか
GitHub issue に貼り付ける
Copy as PNG でクリップボードに保存した後、 GitHub の issue やコメント上に Ctrl+V でそのまま画像をアップロードすることができます。
コンポーネントごとで issue を起票する時や、具体的なコンポーネントについて話がしたい時に非常に便利です。
PerfectPixel で使う
画像を重ね合わせることができる Chrome の拡張機能 PerfectPixel ではクリップボードからの画像貼り付けも対応しており、コピーした画像をそのまま貼って使うことができます。
まとめ
ちょっとした機能ですが、知っているのと知らないのとでは作業の効率に大きい差が出る機能だと思います。
普段使っている Figma ですが、なんとなくで使っていると意外と知らなかったりする機能がまだまだ沢山ありそうだなと感じます。今後も積極的に情報交換していきたいですね。
Gaji-Laboでは、UIデザイナーを募集しています
弊社では手ざわりのいいUIを通して事業に貢献したいUIデザイナー、一緒にお仕事をしてくださるパートナーさんの両方を募集しています。大きな制作会社や事業会社とはひと味もふた味も違うGaji-Laboを味わいに来ませんか？
パートナー契約へのお問い合わせもお仕事へのお問い合わせも、どちらもいつでも大歓迎です。まずはオンラインでのリモート面談からはじめましょう。ぜひお気軽にお問い合わせください！
求人応募してみる！
