Figmaのプラグイン10選 2022【拡張機能】
Figmaでデザイン作業を格段に効率化させるプラグイン(拡張機能)の紹介動画です😊♪
🎥 この動画の構成 🎥
00:00 Figmaのオススメプラグイン10選
00:32 プラグインの使い方
01:52 01. Unsplash(無料写真素材)
03:02 02. Remove BG(背景透過)
04:04 03. Find and Replace(テキスト検索&置き換え)
04:49 04. Mockup(デバイスのモックアップ素材)
05:45 05. SkewDat(垂直・水平方向にオブジェクトを変形)
06:18 06. Blobs(流体シェイプを生成)
06:50 07. Better Font Picker(フォント表示を見ながら選べる)
07:12 08. Google Sheets Sync(Googleシートと連動)
08:43 09. Content Reel(ダミーテキストや画像を一括反映)
09:26 10. Time Machine(パーツごとのバックアップ)
✅ ご視聴いただきありがとうございます🙇♂️
この動画を気に入っていただけたら、ぜひチャンネル登録よろしくお願いします❗️
👇『HIROCODE.ヒロコード』をチャンネル登録する 👇
kzread.info?sub_c...
◆ Twitter. ツイッター
/ hirocodeweb
◆ Instagram. インスタグラム 👈 オススメ❗️
/ hirocodeweb
🔋 僕が使っている、おすすめのデバイス 🔋(アフィリエイト広告を使ってます!)
【 マウス 】
✅ ロジクール アドバンスド ワイヤレスマウス MX Master 3
amzn.to/34Zn5LH
" ボタンカスタマイズによって作業の効率化が図れます。アプリケーションごとにカスタマイズ可能です。 "
【 キーボード 】
✅ ロジクール アドバンスド ワイヤレスキーボード KX800 MX KEYS
amzn.to/38S1B4i
" 打ちやすく疲れにくく、タイピング音も静か。長時間コーディングする方にオススメ。 "
【 パソコン 】
✅ Apple Macbook Pro 16inch
amzn.to/2WXKtEN
" 画面サイズ大きいと作業が捗るので便利です。初期投資で良いパソコンの使用をオススメします。 "
【 周辺機器 】
✅ Apple AirPods Pro
amzn.to/3rAyU4u
" カフェでの作業や通勤時間など、ノイズキャンセリング機能で周りの雑音に影響されることなく集中できるようになります。他にApple機器を使用している方はAirPodsがオススメです。
✅ Apple iPad Pro 11インチ
amzn.to/3mZuvoo
" macに搭載されているSidecarという機能で、iPadをサブディスプレイとしての利用が可能です。 "
📕 おすすめ書籍 📕
【 デザイン 基礎編 】
✅ 1冊ですべて身につくHTML & CSSとWebデザイン入門講座
amzn.to/3o8vofO
" webデザインの基礎とコーディング(HTML/CSS)の基礎がわかる。入門者におすすめの一冊です。 "
✅ なるほどデザイン
amzn.to/2X48Z77
" デザイン全般について、図解で視覚的に分かりやすく説明がされている書籍。デザインに興味がある人にオススメです。 "
【 デザイン 思考編 】
✅ 誰のためのデザイン?
amzn.to/3o4gzun
" デザインにおける役割を理解できる。デザインをする上で何を考える必要があるのかが分かる本。 "
✅ IAシンキング Web制作者・担当者のためのIA思考術
amzn.to/2KETvEn
" デザイン以前のサイト設計における思考の方法を身につけるための一冊。 "
【 書籍デバイス 】
✅ キンドルペーパーホワイト Kindle Paperwhite
amzn.to/3n2AwRh
" 200冊あったビジネス書を処分してこちらを導入。一部デジタル化されていない書籍はありますが、紙の本に特別なこだわりのない方は電子書籍での読書をオススメします。
🎧 BGM 🎧
----------------------------------------------------------
Music Title: Happy And Joyful Children
Music Link: • Happy Children Backgro...
----------------------------------------------------------
#WEBデザイン #Figma
Пікірлер: 23
うわー有益すぎます!ありがとうございます〜〜
@hirocode
Жыл бұрын
そう言っていただけてめちゃめちゃ嬉しいです😆❗ありがとうございます🙇♂!
勉強になりました。
@hirocode
Жыл бұрын
嬉しいコメントいただきありがとうございます😆❗️
ありがとうございます!すごく助かります!
@hirocode
4 ай бұрын
そう言っていただけて嬉しいです😆❗️ありがとうございます🙇
たくさん使いたいプラグインがありました。ご紹介ありがとうございます。
@hirocode
Жыл бұрын
よかったです😆♪ こちらこそ嬉しいコメントいただきありがとうございます🙇♂️❗️
Time machine 名前格好いいですね。なにかもっと+アルファな機能があれば面白そうですね。参考になりました!ありがとうございました。
@hirocode
Жыл бұрын
こちらこそありがとうございます😊‼️
スプレッドシートやばいですね!
@staygold0801
8 ай бұрын
Googleスプレッドシートのやつ、 画像をGoogleドライブにアップしてリンク貼ったけど エラーではじかれました。。。
@hirocode
7 ай бұрын
ほんと便利ですよね😆❗️
最近動画を拝見させて頂いております。 Remove BGについての質問なんですが、Unsplashでダウンロードした画像の切り抜きをしようとすると、「select a node with image fill」という表示が出て透過が出来ません。 何が原因なのでしょうか?
@hirocode
9 ай бұрын
動画見ていただきありがとうございます😆‼️ 確認したところ、フレームの塗りに画像をしている場合そのエラーが出るみたいです! なので、何も選択していない状態で画像を読み込み、その画像に対して実行したら上手くいくかと思います❗️
@camo7583
9 ай бұрын
@@hirocode わざわざ確認して頂きすみません。 仰られていたようにフレームに入れる形で無くそのままUnsplashから画像をダウンロードしたら透過出来ました! 自分で調べてもわからず困っていたので助かりました。 つい最近Figmaを触り始めたばかりでわからないことだらけだったので、これからも度々拝見させて頂きます。 ご丁寧に返信ありがとうございます。
情報ありがとうございます!サードパーティ決済というものがありましたが、料金がかかるのでしょうか?
@hirocode
9 ай бұрын
有料のプラグインはかかります!5つ目に紹介している「skew dat」は最近有料化してしまいました😭
@user-qx1oj9yc2n
9 ай бұрын
@@hirocode すみません。もう一点、質問いいでしょうか?有料の場合、今インストールしている方は無料だけど、これからインストールする方は有料でしょうか?また、figmaの場合、第三者決済というのは、googleからの決済でしょうか?
@hirocode
9 ай бұрын
初めから無料で使用していた人は使えなくなります😱 決済はFigmaを通して決済されるようです❗️
@user-qx1oj9yc2n
9 ай бұрын
@@hirocode ありがとうございます!勉強になりました!
もはやadobeいらないですね〜。。
@hirocode
Ай бұрын
figmaだけでいける案件全然あります😆❗️