技術とかの雑なToday I Learnedメモ

エンジニアのためのFigma知識を読んだ

エンジニアのための Figma 知識を読んだ

エンジニアのための Figma 知識

読んだ。

Seya さん本当にデザイン-エンジニアに関するアウトプットをたくさんしていて本当にすごい。

自分は普段たまに Figma でデザインを確認するくらいの使用頻度だけど、それでも知らなかったことがいくつか載っていたのでとても助かります。

以下知らなかったやつ

  • Cmd + クリックで最下層の要素選択
    • 知らなかった……
  • レイヤー間移動のショートカット
    • ここらへんは移動をよりスムーズにするためにも知っておいたほうがよさそう
  • Auto Layout を設定してないと上記はできない
  • Constraint を見る
    • これは結構知ってないといけないやつかもしれない。覚えておく
  • TinyImage プラグイン
    • minify と WebP 変換がある
  • Cmd + /でクイックアクション
    • プラグイン呼び出すときとかに使える
  • Copy as PNG
    • 画像として書き出したいレイヤーを選択して Cmd + Shift + C でレイヤーが画像化されたものがクリップボードにコピーされる

サクサク Figma を使えるようになるためには知っておいたほうがよさそうなので覚えます。