1
/
5
Wantedly
About 株式会社アジケ
株式会社アジケ
https://www.ajike.co.jp

東京都

UI/UXデザイナーに聞く｜作業を効率化させるFigmaおすすめプラグイン10選【weekly ajike #34】

ajike採用チーム
ajike採用チーム
Other
on 2022-08-31

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

毎週「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
こんにちは、梅本です。 最近、ツイッターをがんばるようになりました。 海外のデザイン情報をわかりやすく解説したニュース系のツイートを平日毎日配信しております。 https://twitter.com/dubhunter それに伴い、毎日つぶやいたことを週末まとめて解説するニュースレターの配信もはじめました。 海外のデジタル系のデザインニュースを知りたい人はぜひ購読登録してください。 無料で購読いただけます。 メディアポリシーわかりやすい フラット の2つを大切に
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などを発信しています。

エンジニアブログ
デザイン会社アジケが運営するUXエンジニアのためのブログです。UXエンジニアとして、どのような開発を行っているかなどを更新していきます!技術についての学び(使ってみた、やってみた、調べてみた)も公開していきます。
https://ajike.github.io/
Invitation from 株式会社アジケ
If this story triggered your interest, have a chat with the team?
株式会社アジケ's job postings
デザイン UXデザイン UIUX Tips figma
2 Likes
2 Likes

株式会社アジケ

アジケは「"人"の生活や感情に寄り添いながら豊かな体験をデザインし、『味気ある世の中』をつくる」というミッションを達成するために3つの事業に取り組んでいます。 ①デザインパートナー事業 お客様のデザインパートナーとして、0から、または既存のプロダクト／サービスをより良くするための事業創出/サービスデザインやUIUX改善を行っています。 ②デザイン組織開発支援 事業のクリエイティブ機能を担える人材を育成する／組織づくりのお手伝いをしております。 経験豊富なUXデザイナー、UIデザイナーがお客様のチー ムに加わりデザインの専門知識をご共有しながらチーム をサポートし、UI/UXデザインの内製化やレベルアップをご支援しています。 ③入浴ヘルスケア事業（Research & Development） 入浴を通して心身が整う習慣づくりをサポートするヘルスケア事業を行なっています。 ハードとソフトがあわさった、新しいサービスをつくる。その挑戦を私たち自身が独自のサービスを通じて、新しい体験(コト)をつくりたいと考えています。 ・入浴ヘルスケアブランド『Onsen*』https://on-sen.jp/ ◎「カルチャー」「制度」について詳しく知りたい方 アジケのカルチャーデック（https://www.craft.do/s/ki01ioOMjsgvSv）をご覧ください。 【仕事の魅力】 ◎有名な企業の事業やサービスの立ち上げに携わることができる ◎webプロダクトだけでなく「体験そのもの」のデザインに携わることができる ◎社内外のチーム体制で取り組むことが多いため、様々な人から常に刺激を受け、学ぶことができる ◎ビジネス視点とユーザー視点の両方を持って取り組むことができる ◎本質的なデザインに取り組むことができる 【お客様の声】 ＜オムロン株式会社＞表層だけでは人は動かない。 製造業向け 自律型業務改善サービスを通して、 事業開発そのものが 「デザイン」だと感じました。 https://ajike.co.jp/case/omron ＜日鉄興和不動産株式会社＞新しいマンションの販売モデル構築への挑戦。理想の顧客体験を実現する販売オペレーションをデザインしました https://ajike.co.jp/case/nskre ＜株式会社三井住友銀行＞ チームの一員として組織の変革に伴走するー三井住友銀行さまとのデザインシステム活用推進の取り組み https://ajike.co.jp/smbc_sds_katsuyo

デザイン

Weekly ranking

Show other rankings
Like ajike採用チーム's Story
Let ajike採用チーム's company know you're interested in their content