こんにちは！アジケ採用チームです。ご覧いただき、ありがとうございます！

毎週「weekly ajike」と題して、ajikeが1週間で発信した知見や出来事などをまとめています。

ぜひ、チェックしてみてください。

ブラウザ上で簡単にデザインができるFigma。業務でFigmaを使われる方も多いのではないでしょうか？

かくいう採用担当で非デザイナーの筆者もFigmaを使って簡単にアウトプットができるのでよく使わせていただいてます。

そこで今回は、UXコンサルティング、事業デザイン、UI/UX改善などを手がけているアジケのUI/UXデザイナーに作業を効率化するおすすめのFigmaプラグインを聞いてみました！

そもそもプラグインとは？・・・「拡張機能」のこと。ソフトウェアに追加することで任意の機能が使えるようになります。

Figmaプラグイン導入までの2STEP

①該当プラグインのページからダウンロード

ログイン状態でダウンロードすれば、アプリにも反映されています。

②Figmaを開き、”Plugins”から実行

これだけ入れておきたい「素材系プラグイン」3選

Material Design Icons

Figma

Figma Community plugin - Instant easy access to the entire Material Design Icons library: 35,000+ icons in PNG and SVG at your fingertips. Search icons by name or scroll through the entire list. Filter by category, change style, size, and color. Available

https://www.figma.com/community/plugin/740272380439725040/Material-Design-Icons

Google社が提供するオープンソースのアイコンフォントサービス。マテリアルアイコンを無料で利用することができます。

Iconify

Figma

Figma Community plugin - Import Material Design Icons, FontAwesome, Jam Icons, EmojiOne, Twitter Emoji and many other icons (more than 100 icon sets containing over 100,000 icons) to Figma document as vector shapes.

https://www.figma.com/community/plugin/735098390272716381

使用したいアイコンの名前をキーワードで検索し、Figmaで使用することができます。

Unsplash

Figma

Figma Community plugin - Insert beautiful images from Unsplash straight into your designs. The Unsplash License allows images to be used freely for both commercial and personal projects. Learn more about Unsplash at https://unsplash.com/about

https://www.figma.com/community/plugin/738454987945972471

Unsplash上に掲載されている画像をfigma内で検索→そのまま挿入することができます。

画面を遷移せず、Figma内で画像検索から埋め込みができるのが嬉しいですね。

作業工数を減らす / あると便利になる 5選

Find and Replace

Figma

Figma Community plugin - Search for texts on your page and replace them just like a text editor. You can search for objects on your page by either text content or layer name. Click on the ... button next to each section to display more settings.

https://www.figma.com/community/plugin/735072959812183643/Find-and-Replace

ファイル内のテキストを一括置換できるプラグイン。表記揺れの修正などにも非常に便利です。

Find / Focus

Figma

Figma Community plugin - A simple plugin to search for layers in your document. The plugin will select the layers containing your text and zoom to fit them. Great for maneuvering a large file with many page frames. Includes the ability to use regex and be

https://www.figma.com/community/plugin/739978920241977182/Find-%2F-Focus

ファイル内のテキストの検索ができ、別のテキストに置換することもできます。

Better Font Picker

Figma

Figma Community plugin - Well... Like the name suggests, Better Font Picker helps you select fonts with a preview of how it looks. Now you can skim through all those 1000s of fonts installed seamlessly as an alternative to the default font picker in figma

https://www.figma.com/community/plugin/739922281164562258/Better-Font-Picker

それぞれのフォントがプレビューされた状態の一覧からフォントを選択することができます。

A11y - Color Contrast Checker

Figma

Figma Community plugin - Ensure your text is readable for users by adhering to WCAG (Web Content Accessibility Guidelines) standards. This plugin checks the color contrast ratio of all visible text in a frame, and it provides feedback on whether it meets

https://www.figma.com/community/plugin/733159460536249875/A11y---Color-Contrast-Checker

WCAG※に沿ったコントラスト比のチェックができるプラグインです。

※WCAGとは？・・・Web Content Accessibility Guidelines｜Webコンテンツのアクセシビリティに関するガイドラインのこと。WCAGは、W3C（World Wide Web Consortium）にてアクセシビリティ関連の活動を行うWAI（Web Accessibility Initiative）によって策定されます。

Heron transfer

Figma

Figma Community plugin - website: https://heron.design/transfer Video tutorial: https://www.youtube.com/watch?v=HwCH8a_EMtw 视频教程：https://www.bilibili.com/video/BV1SS4y1s7ED Heron transfer can help you transfer images from your mobile to Figma canvas. Usag

https://www.figma.com/community/plugin/1130518156403071943/Heron-transfer

スマートフォンで撮影したスクリーンショットを直接figmaに送ることができます。

素材などを生成できる 2選

QR Code Generator

Figma

Figma Community plugin - 'QR Code Generator' helps you to quickly create a Vector QR code. Just enter your content or URL then click 'Place QR code' - or CMD/Control + Enter. This is also great for creating a QR code to share the Figma file link - or a li

https://www.figma.com/community/plugin/735650288109030027/QR-Code-Generator

QRコードを生成してくれるプラグイン。プロトタイプの共有などに使えます。

GiffyCanvas

Figma

Figma Community plugin - Create your own high quality animated GIFs for Free. Unlimited Exports, Transparent Backgrounds, No Restrictions,. FEATURES: - No Restrictions User can select as many number of images they want to create a GIF - Unlimited Exports

https://www.figma.com/community/plugin/803633147991628761/GiffyCanvas

作成したアートボードを繋いで、簡単にGIF画像が作れるプラグインです。

いかがでしたでしょうか？デザイン作業効率の一助となれば嬉しいです。

アジケでは以下のような考え方から、行動指針に”過程や思いつきも共有する”があります。

• メンバーが適切な判断をできるよう、情報を組織に行き渡らせることが重要。
• これからの時代はオンラインの情報共有が鍵。
• 情報を共有することは、組織の信頼関係を高める。

誰もが見れるドキュメント（アジケではScrapboxというメモツールを導入してます）にこういったTipsがたくさんあるのもアジケの魅力の1つだと感じます💡

今週のweekly ajikeはここまで。

アジケに少しでもご興味お持ちいただけましたら、ぜひカジュアルにお話しましょうー！

カジュアル面談ご希望の方はお気軽に「話を聞きに行きたいボタン」でお知らせください📩

▼デザイン会社アジケの事業内容と今後の展望が知りたい方は事業紹介資料をご覧ください👀

▼アジケのカルチャーについてもっと知りたい方はカルチャーデックをチェックしてみてください。

▼Twitter、facebookも更新しています！

🗒noteやブログを更新しています✏️

CEO梅本のnote

マーケティングからマネジメントの話など。Twitter(@dubhunter )も更新しています。

梅本 周作 / ajike｜note

株式会社アジケは2022年8月27日で弊社は創立から15周年を迎えました。 これもひとえに、皆さまのご支援があってのことと心より感謝申し上げます。 アジケは、その名のとおり味気あるものをデザインしようと2007年に起ち上げた会社です。 いま思うと、当時の私の仕事は成果として未熟なものだったかもしれません。 これまで提供した仕事に対して、時にはお客様から叱咤激励をうけることもありました。 ...

https://note.com/dubhunter

デザインコンテナ

UXデザインカンパニーであるアジケの公式マガジン。デザインにまつわること、会社のことなどメンバーが書いたブログをストックしています。

Design Container丨デザインコンテナ｜ajike丨UX Design｜note

UXデザインカンパニー 株式会社アジケの公式マガジンです。コンテナのようにデザインにまつわることや会社のことをUI/UXデザイナーやエンジニアがストックしていきます。 コンテナをのぞいたみなさんにデザインや体験の種を持ち帰ってもらえる場所を目指します。

https://note.com/ajike/m/m2d768328c0e2

ajike developer's blog

UXデザイン会社アジケの開発者ブログ。社内のこと、開発のTipsなどを発信しています。

ajike developer's blog

ユーザー体験のデザインを強みとするアジケの中で日々開発しているエンジニア達によるブログです。現在はサービス開発から受託開発まで様々なプロジェクトにおいて実装を経験しており、そうしたエンジニアリングの知見や、UXデザイン会社のエンジニアが日々どのような活動をしているのかを発信していきます。

https://ajike.github.io/