【時短】意外と知らない、Figma(フィグマ)の便利な隠し操作方法!

Webデザインツール「Figma(フィグマ)」の意外と知らない便利な操作方法について解説しています😊♪
便利な操作方法を知っていると、結構な時短になるので、知らない操作方法があったらぜひ活用してみてください❕
🎥 この動画の構成 🎥
00:00 Figmaの隠し操作方法
00:29 1. 要素の複製
00:55 2. 複製の繰り返し
01:22 3. 距離を表示
01:38 4. 直接選択
01:58 5. テキストを直接編集
02:25 6. ロック要素にアクセス
02:51 7. スタイルのコピペ
03:26 8. 親要素を選択
03:51 9. カーニング
04:15 10. サイドバーの非表示
04:35 11. 画像のトリミング
05:12 12. 検索・起動
05:39 13. 要素の置き換え
✅ ご視聴いただきありがとうございます🙇‍♂️
この動画を気に入っていただけたら、ぜひチャンネル登録よろしくお願いします❗️
👇『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 🎧
------------------------------
Happy and Joyful Children by Free Music • Happy Children Backgro...
Creative Commons - Attribution 3.0 Unported - CC BY 3.0
Free Download / Stream: bit.ly/2PV1WMi
Music promoted by Audio Library • Happy and Joyful Child...
------------------------------
#figma #webデザイン #webdesign

Пікірлер: 12

  • @MyGargoylecat
    @MyGargoylecat Жыл бұрын

    基本編でトリミングされた写真を別のオブジェクトに反映させているのが不思議で、検索しても出てこなかったんですよ。もうすごいスッキリしました!

  • @hirocode

    @hirocode

    Жыл бұрын

    確かにこの辺りなかなか他で説明ないですよね😅 そう言っていただけて嬉しいですありがとうございます😆❗️

  • @ayumunagae8567
    @ayumunagae8567 Жыл бұрын

    Figmaで作ったUIをそのままコード化するプラグインなどたまにありますが使っていますか?使うとしたらどれくらい使いますか?

  • @hirocode

    @hirocode

    Жыл бұрын

    コード化するプラグインは使ってないです! 理由としては、実用性が低いコードになることがほとんどだからです💦

  • @ayumunagae8567
    @ayumunagae8567 Жыл бұрын

    めっちゃ強いデザイナーが作ったFigmaの場合、エンジニアはCSSは脳死でコピペするだけ良い場合が多いというのは本当でしょうか?

  • @hirocode

    @hirocode

    Жыл бұрын

    Figmaから生成されるCSSは基本的にレイアウト組がガチガチなので、レスポンシブ対応に不向きで実用性はかなり低いです💦使うとすれば、シャドーやグラデーションなどのスタイルのコピーにとどまるかと思います❕

  • @user-dd8yc8pt4l
    @user-dd8yc8pt4l Жыл бұрын

    サイドバー消せるの知らなかった😂

  • @hirocode

    @hirocode

    Жыл бұрын

    知っていただけてよかったです😊♪ 作業スペース広く使いたい時便利でオススメです😆❕

  • @ayumunagae8567
    @ayumunagae8567 Жыл бұрын

    Good

  • @hirocode

    @hirocode

    Жыл бұрын

    Thanks🤗♪

  • @MyGargoylecat
    @MyGargoylecat Жыл бұрын

    fontのシャドウの装飾はプラグインでしょうか?

  • @hirocode

    @hirocode

    Жыл бұрын

    フォント選択した状態で右側のサイドバーみると、「エフェクト」の項目あがあります✅ そこからドロップシャドウをつけることができます😆❗️

Келесі