こんにちは、エムスリーデザイングループでチームリーダーをやりながらエンジニアリングGも兼務しているプロダクトデザイナーの大月です。 私が所属しているエムスリーのデザイン組織は以下2つの強みがあります。
- 多様性
- スピード
特に日々の業務では"スピード"をとても大切にしており、 デザインを早くすることで、検証回数を増やし、PDCAを多く回し、価値創造を加速することを意識しています。
こうしたエムスリーのスピード文化から、日々の業務を効率化できるFigma活用法もデザイナーのみんなで学びあっています。
今回は、エムスリーのデザイナー間で話題になった、意外と知らなかった、知っているだけで日々の業務が一気に楽になった!というFigma活用術を紹介します。 少しでもFigmaでのデザイン作業をスピードアップさせたい方の参考になれば幸いです!
- 爆速のための3種の神器
- 1. 秩序をつくる
- ファイル構成とコンポーネント構成の最低限
- 【ファイル構成】
- 【コンポーネント構成】
- ファイル構成とコンポーネント構成の最低限
- 2. 変更に強くする
- オートレイアウトでしっかり組む
- 3. 繰り返し作業は一瞬で
- レイヤー名の一括変更 Rename Selection (⌘ + R)
- テキストの一括検索&置き換え Find & Replace (⌘ + F)
- レイヤー 一括選択 Select Layers (plugin)
- 使われているスタイルを一括確認&変更 Style Organizer (plugin)
- サンプルデータの置き換え Content Reel (plugin)
- まとめ
- We are hiring!!