はじめまして。デザイナー歴10年目のひょろながきりんと申します。
今回、私がFriends of Figmaに参加したのは、社内メンバーから「勉強になるから申し込みしない？」と声をかけられたのがきっかけでした。正直なところ、まだFigmaに慣れていない自分でも内容を理解できるのか不安はありましたが、「せっかくの機会だし、一度参加してみよう！o(`•_•)o」と思い、参加を決めました。
今回参加したのは、「Friends of Figma Osaka #12『プラグイン編』」。
この記事では、Figma初心者である私がイベントに参加して学んだことや、実際に感じたことをレポートとしてまとめていきたいと思います。
【Friends of Figmaとは?】
Friends of FigmaとはFigmaを使う人・学びたい人が集まって交流する公式コミュニティプログラム。［Figmaの新機能紹介便利な使い方］［プラグイン紹介］［デザインプロセスの共有］など多様なテーマでイベントが定期開催されています。
Friends of Figma OSAKA #12 | 内容紹介
今回のFriends of Figma Osaka #12では、スピーカー４名の方におすすめのプラグインをいくつか紹介いただきました。そのうち初心者でも使える３つのプラグインを紹介したいと思います。
❶写真・画像の背景を一瞬で消す | Remove BG
背景をワンクリックで自動削除できるプラグイン。Photoshopを使わなくても、Figmaに貼り付けた人物や商品画像の切り抜きを素早く行うことができ、作業時間の短縮に役立ちます。
※Figma有料版は背景削除機能は標準装備
( 「Remove BG」を利用するにはRemove BGアカウントの作成とKey取得が必要です。詳しくはRemoveBG公式サイトhttps://japan-remove.com/apply.htmlをご確認ください。 )
❷コントラストチェック用プラグイン | Contrast
選択したテキストと背景色のコントラスト比をチェックし、可読性を確認できるプラグイン。色の組み合わせが適切かすぐ確認でき、アクセシビリティ対応に役立ちます。
コントラスト比は「4.5：1」が基準になります。4.5以上をクリアできるよう調整しましょう。
※Figma有料版はコントラスト比 確認機能は標準装備
❸HTML→Figma変換プラグイン | html.to.design
WebサイトのURLを入力すると、そのページのデザインをFigma上に再現してくれるプラグイン。既存サイトの分析や参考デザインの取り込みに便利で、実際のサイト構造をベースにデザイン確認や改修検討ができるのが大きなメリットです。
Friends of Figma OSAKA | イベントを終えての感想
今回のイベントは、上記のようにプラグインを実際に操作しながら紹介してもらえる形式だったため、とても理解しやすく「どういう場面で使えるのか」もイメージしやすかったです。また、アクセシビリティや効率化ツールなど、WEBならではの知見に触れられたことも大きな収穫でした。
イベント終了後には交流会の時間もあり、参加者の方と名刺交換をすることができました。同じ分野に興味を持つ方々と直接話すことで刺激を受けるだけでなく、今後につながる人脈も広げることができ、とても有意義な時間でした。
参加するまではハードルが高いんじゃないかと不安に感じていましたが、イベントに参加したことで「Figmaの機能をもっと使いこなせるようになりたい」という前向きな学びの意欲が生まれました。日々の業務の中でも、今回得た知見や刺激を活かしながら、WEBデザインに積極的に取り組んでいきたいです。そして自分の強みのひとつにできるよう、これからも挑戦を続けていきたいと思います。
