- 27
- 42 883
もち | デザイン教える人
Japan
เข้าร่วมเมื่อ 8 ก.พ. 2021
webデザイナー初心者や未経験者の為に役立つ、FigmaやUIデザインなどデザインについて発信中！
「webデザインを何でどう学んで良いか分からない」
「初心者から脱却して、継続的に案件獲得もできて、クライアントから愛されるデザイナーになりたい！」
「デザイナーとして、スキルとビジネス力をつけて、長期的に活躍できるようになりたい」
などなど
そんな人の力になれるように、頑張ります！
-------------------------------------------------
【もちとは!?】
・デザイン歴10年以上
・Figmaの書籍著者
・デザインスクール（NOT DESIGN SCHOOL）代表
・スタートアップCDO
・個人ではデザイン関連の会社を経営
・STUDIO Experts加盟
-------------------------------------------------
#figma #webデザイナー #webデザイン#webdesign #uidesign #もち #もち先生 #デザイン
「webデザインを何でどう学んで良いか分からない」
「初心者から脱却して、継続的に案件獲得もできて、クライアントから愛されるデザイナーになりたい！」
「デザイナーとして、スキルとビジネス力をつけて、長期的に活躍できるようになりたい」
などなど
そんな人の力になれるように、頑張ります！
-------------------------------------------------
【もちとは!?】
・デザイン歴10年以上
・Figmaの書籍著者
・デザインスクール（NOT DESIGN SCHOOL）代表
・スタートアップCDO
・個人ではデザイン関連の会社を経営
・STUDIO Experts加盟
-------------------------------------------------
#figma #webデザイナー #webデザイン#webdesign #uidesign #もち #もち先生 #デザイン
【初心者向け】Figmaでネオン風バナーを作る方法 | 超簡単チュートリアル！
こんにちは、もちです！
このチャンネルでは、駆け出しのデザイナーやFigmaをこれから始めたい方に向けた、役立つデザインチュートリアルを発信しています。
🌟 今回のビデオでは、Figmaを使ってネオン風のバナーの作り方を簡単に解説します。
初心者の方でも簡単にできる手順なので、ぜひ挑戦してみてください！
▼動画内で使用しているイラストACさんの素材はこちら
www.ac-illust.com/main/detail.php?id=25460182
👍 動画が役立ったら、いいねとチャンネル登録をお願いします！
コメントで質問やリクエストも受け付けています！
#もち #Figma #バナー #webデザイン #webデザイナー #チュートリアル
このチャンネルでは、駆け出しのデザイナーやFigmaをこれから始めたい方に向けた、役立つデザインチュートリアルを発信しています。
🌟 今回のビデオでは、Figmaを使ってネオン風のバナーの作り方を簡単に解説します。
初心者の方でも簡単にできる手順なので、ぜひ挑戦してみてください！
▼動画内で使用しているイラストACさんの素材はこちら
www.ac-illust.com/main/detail.php?id=25460182
👍 動画が役立ったら、いいねとチャンネル登録をお願いします！
コメントで質問やリクエストも受け付けています！
#もち #Figma #バナー #webデザイン #webデザイナー #チュートリアル
มุมมอง: 516
วีดีโอ
【決定版】ノーコードツール7つを徹底比較！強みや弱みの比較から選び方までを徹底解説！
มุมมอง 7082 หลายเดือนก่อน
ノーコードツールの特徴やメリット・デメリット、ノーコードツールのおすすめ・選び方を紹介！ デザインの効率アップに繋がるので、ぜひ駆け出しデザイナーの方などwebデザイン初心者の参考になれば幸いです☺️ 🎇🎇STUDIO夏祭りの詳細はこちら🎇🎇 s.lmes.jp/landing-qr/2000954122-x3QJjBkK?uLand=MAoPE6 動画構成🎥 00:14 サイト制作ノーコードツール徹底比較 02:25 １.各ノーコードツールの利用者数 05:04 ２.各ノーコードツールの強み 11:11 ３.各ノーコードツールの弱点 14:20 ４.各ノーコードツールの利用料金 15:32 ５.各ノーコードツールの作例 17:30 ６.各ノーコードツールの選定ケース例 21:30 まとめ 22:16 イベント告知 【もちプロフィール】 ・デザイン歴10年以上 ・デザインツールFig...
【Figma】現役デザイナーがリアルにおすすめする作業効率化系プラグイン5選
มุมมอง 1.2K2 หลายเดือนก่อน
WEBデザインツールFigmaプラグインのおすすめ厳選5選！利用するメリットや入れ方も紹介！ 初心者にやさしい解説です！ 簡単操作でデザインの効率アップに繋がるので、ぜひ駆け出しデザイナーの参考になれば幸いです☺️ 動画構成🎥 00:09 Profile 00:58 １.Contrast 02:53 ２.Aspect Ratio 04:23 ３.Split Shape 06:14 ４.Sorter 09:29 ５.Autoflow 【もちプロフィール】 ・デザイン歴10年以上 ・デザインツールFigmaの書籍出版実績 ・webデザインスクールを運営 ・スタートアップCDOしながら、デザイン関連の会社を経営 ・デザインツールSTUDIOの公式エキスパート認定者 webデザイン初心者で、これからFigmaを学ぼうとしている未経験デザイナーの方、もしくは学び始めた駆け出しデザイナーの方の為...
【効率UP!!】知らないと損する作業効率を爆上げさせるFigma隠し機能10選！
มุมมอง 9242 หลายเดือนก่อน
WEBデザインツール Figmaの実は便利な隠し機能、初心者にやさしい使い方解説です！ 簡単操作でデザインの効率アップに繋がるので、ぜひ駆け出しデザイナーの参考になれば幸いです☺️ 動画構成🎥 00:20 Figmaの隠れ機能10選(Profile) 00:50 １.サムネイル機能 02:26 ２.ナッジ機能 04:00 ３.カンバスサイズに合わせる 04:52 ４.コマンドパレット 06:03 ５.リネーム機能 07:26 ６.ロックされたレイヤーを選択する 08:58 ７.ダブルクリックでピッタリサイズ 09:58 ８.ショートカットキー一覧 11:16 ９.計算式が使える 12:29 １０.フレームリンクをコピー 【もちプロフィール】 ・デザイン歴10年以上 ・デザインツールFigmaの書籍出版実績 ・webデザインスクールを運営 ・スタートアップCDOしながら、デザイン関連の...
【30分 完全理解】Figmaオートレイアウトの使い方【サルでもわかる入門編】
มุมมอง 7K2 หลายเดือนก่อน
WEBデザインツール Figma「オートレイアウト」機能、初心者にやさしい使い方完全解説です！ オートレイアウトを使うとデザインの効率アップに繋がるので、ぜひ駆け出しデザイナーの方からwebデザイナーの方まで、参考になれば幸いです☺️ 動画構成🎥 00:56 １.オートレイアウトとは 01:37 ２.どういった場面で使うの？ 02:59 ３.オートレイアウトを使うメリット 07:24 ４.オートレイアウトの基本的な使い方＋α 07:33 オートレイアウトの追加方法 08:14 レイヤーの見方 08:39 オートレイアウトの解除方法 09:11 余白の設定 11:13 要素の順番の入れ替え・並びの揃え位置 12:21 フレームの大きさ設定メニュー 15:21 オートレイアウトの折り返し機能 16:19 最小幅(高さ)・最大幅(高さ)の機能 18:55 オートレイアウト＋αの機能 20...
【ぶっちゃけ解説】Figmaでポートフォリオって実際どうなの？採用目線でぶっちゃけ解説！
มุมมอง 2.1K3 หลายเดือนก่อน
特に駆け出しデザイナーには見てほしい！案件獲得や転職にも役立つ、ポートフォリオの作り方やテンプレート、注意点を紹介・解説します。 【もちとは!?】 ・デザイン歴10年以上 ・デザインツールFigmaの書籍出版実績 ・webデザインスクールを運営 ・スタートアップCDOしながら、デザイン関連の会社を経営 ・デザインツールSTUDIOの公式エキスパート認定者 webデザイン初心者で、これからFigmaを学ぼうとしている未経験デザイナーの方、もしくは学び始めた駆け出しデザイナーの方の為の動画です。私の経験をもとに、皆さんにとって役立つ情報をどんどん発信していきます！ #もち #figma #webデザイン #webデザイナー #ポートフォリオ 作り方 #チュートリアル
【Webデザイナー必見】プロが教える有益すぎるFigma新機能ツールを徹底解説！
มุมมอง 3.4K3 หลายเดือนก่อน
webデザイン初心者で、これからFigmaを学ぼうとしている未経験デザイナーの方、もしくは学び始めた駆け出しデザイナーの方の為の動画です。 ありがたいことにFigma書籍出版も経験させていただいたり、webデザインスクールも運営している私の全ての経験をもとに Config2024というイベントで発表されたFigma大規模アップデートについて、業務効率化やクオリティを担保してくれるなど、あなたに役立つ機能を徹底解説します。 #もち #figma #webデザイン #webデザイナー #プラグイン #チュートリアル
Figma本を出版してるデザイナーが基礎から教えるバナーの作り方とコツ
มุมมอง 3.4K3 หลายเดือนก่อน
webデザイン初心者で、これからFigmaを学ぼうとしている未経験デザイナーの方、もしくは学び始めた駆け出しデザイナーの方の為の動画です。 ありがたいことにFigma書籍出版も経験させていただいたり、webデザインスクールも運営している私の全ての経験をもとにバナー作成の基本と秘訣を公開します。 動画内で使用しているマンゴーアイスの写真素材はこちらからDLできます(^^)/ drive.google.com/file/d/1MkiHL6wACiYn5pVezxR18VL5i2LoK-qY/view?usp=drive_link #もち #figma #webデザイン #webデザイナー #プラグイン #チュートリアル
【webデザイン初心者必見】絶対に入れたいおすすめFigmaプラグイン5選
มุมมอง 1.7K3 หลายเดือนก่อน
webデザイン初心者で、これからFigmaを学ぼうとしている未経験デザイナーの方、もしくは学び始めた駆け出しデザイナーの方の為の動画です。 ありがたいことにFigma書籍出版も経験させていただいたり、webデザインスクールも運営している私が、 絶対に入れたいおすすめプラグイン5選を紹介します。 #もち #figma #webデザイン #webデザイナー #プラグイン #チュートリアル
Figmaでモックアップを使ったグラフィックのつくり方！
มุมมอง 2.2Kปีที่แล้ว
プラグインを使用してモックアップを作成します。簡単なので真似してみてくださいね(о´∀`о) 今回使用したプラグイン「Vectary 3D Elements」 www.figma.com/community/plugin/769588393361258724 Figma公式サイト www.figma.com/ja/
Figmaプラグイン「Styler」の使い方！面倒なスタイル登録が一瞬で終わる！
มุมมอง 3.6Kปีที่แล้ว
Figmaプラグイン「Styler」の使い方を解説しています。 【バグ？使用する時の注意点】 なぜかスタイル登録がちゃんとできない…という人は、レイヤーの順番を確認して、レクタングル（長方形）が一番下になっていないか確認してみてください。テキストレイヤーを一番下に置き換えると正常に作動することがあります。 Stylerのインストールはこちら www.figma.com/community/plugin/820660579767995949 Figma公式サイト www.figma.com/ja/
Figmaの使い方：３カラムのセクションをつくってみよう！
มุมมอง 820ปีที่แล้ว
Figmaを使って高速で３カラムのセクションをつくります。 動画を見ながら一緒につくってみてね！ Figmaの公式サイトはこちら www.figma.com/ 毎日TwitterでFigmaを中心としたデザインTips発信中！ 良かったらフォローしてください(о´∀`о)✨ ▼Twitterアカウント @makiko_sakamoto makiko_sakamoto
Figmaで登壇風バナーをつくってみよう！作成動画を見ながら真似して覚えるFigma講座
มุมมอง 2.3Kปีที่แล้ว
よく見る登壇風バナーをFigmaだけで作成しました！ こちらは以前Twitterに掲載していた動画の通常速度版となっております。 Twitterでは動画は140秒までの制限があるため、かなり速度を早めたものを掲載していましたが、「通常速度の動画を見ながら練習したいです！」という要望を多数いただいていたので、今回通常速度版をTH-camにアップロードいたしました(о´∀`о)✨ 動画を止めたりしながら真似してつくってみてください♪ Figmaの公式サイトはこちら www.figma.com/ BGM： Kronicle - Chill Noons - Royalty Free Vlog Music Music By Kronicle Soundcloud │ @the-chemist-10 Twitter │ Kronicle_X Instagram │ ins...
Figmaプラグイン「Aspect Ratio」の使い方。アスペクト比を一発で変換してくれる地味に便利なやつ！
มุมมอง 1.1Kปีที่แล้ว
Figmaプラグイン「Aspect Ratio」の使い方を解説しています。 16:9などよく使う比率に１クリックで変換してくれる便利なプラグインです。TH-camやブログのサムネ、SNS用のバナーを作成する際など、色々な場面で活躍してくれます。 Figmaの公式サイトはこちら www.figma.com/ BGM： Kronicle - Chill Noons - Royalty Free Vlog Music Music By Kronicle Soundcloud │ @the-chemist-10 Twitter │ Kronicle_X Instagram │ hakim_kronicle Source │ th-cam.com/video/tqqB7Y76S-o/w-d-xo.html
Figmaプラグイン「Artboard Studio Mockups」の使い方
มุมมอง 1.3K2 ปีที่แล้ว
Figmaプラグイン「Artboard Studio Mockups」の使い方
眼鏡美人さんだー
モチベ系ではなくてこのような実用的な動画はホントにありがたいですね！この動画を見ながらオートレイアウト機能使ってみます！😁
ありがとうございます✨ オートレイアウト便利なのでぜひ使ってみてください😊
使いたかったですが私のFigmaにはAI機能一覧が出てこなかったです💦
まだ一部のユーザーにしか解放されていないようです。数ヶ月の間に全ユーザーに展開していくとのことなので、もうしばらく待ってみてください🙌
@@mochi-design 返答いただきありがとうございます。まだ一部のユーザーだけだったんですね😂焦りました(笑)気長に待ちます🙌
13:39 アドビフォントをFigmaに持ってくる方法って教えていただけませんか？
こちらの記事の「Adobeフォントの読み込み方」の欄が分かりやすいので見てみてください🙌 shimizu-create.com/2023/08/1108/#index_id8
画像作成一緒に作る解説動画みたいです！
もうすぐバナー作成の動画第二弾を出します！よかったら見てみてください🥳
とてもわかりやすい動画をありがとうございました！！ オートレイアウトが本当にわかりやすかったです。 苦戦してできあがりました。。。 何度もやり直して、この動画を見なくても良くなる力をつけたいです。
ありがとうございます！励みになります☺️ 何度も繰り返して少しずつ慣れていってみてください(^^)/
横長バナーとサイトの作り方も見てみたいです
ありがとうございます！参考にさせていただきます😸💛
勉強中です！とてもわかりやすくて、何度もみてしまいました。ありがとうございます。
ありがとうございます！励みになります☺️✨
マスクをかけようとすると画像が消えてしまうのはなんででしょうか？ 何度試しても画像が消えてマスクの切り抜きができません💦 設定などの問題なのでしょうか？
画像と切り抜く形のレイヤーの重ね順は合っていますか？？画像が上に来るようにしてくださいね😀💡
今studioを勉強しているのですが、いづれfigmaも勉強したいと思い、先日もちさんの本を買わせて頂きました。こちらの動画もとても参考になります♪
ありがとうございます！とても励みになります😊💛
もちさん！ めっちゃわかりやすくて参考になりました！早速作ってみます😊
ありがとうございます！ぜひチャレンジしてみてください🥳✨
こんにちは😃説明分かりやすfigma初心者ですがすぐプラグインできました。 ありがとうございます❤
コメントありがとうございます✨励みになります！ぜひFigma楽しんでくださいね☺️💛
画像生成はやはりPhotoshopで加工した物を使用する方が良さげですね
画像生成の精度は微妙そうですね…。promptを英語にすると幾分マシなようです💡
SPとPCでレスポンシブでデザインした時に、オートレイアウトで文字サイズは変更できなんでしょうか？SPは10px、PCは14pxみたいな感じで変更したいです！かなり調べてますが全然できません💦
オートレイアウトの機能で文字サイズを変更することはできないです🥲
全部めちゃくちゃ便利〜！プラグイン入れました👍
とても分かりやすい動画をありがとうございます😊 まだFigmaを使い始めたばかりでばかりなのでとても参考になります！ キャンバスにいろんな画像を取り込んだり、要素を作成したときに大きさがバラバラに 表示されてしまうのを統一させるにはどうしたら良いですか？
文章もわかりやすいし、ストーリーも理解しやすい順番になってると思いました。こういう論理的に物事を考えられる方に仕事をお願いしたいと思うのは当然ですね。レクチャーにもかなり慣れていると思います。練習されたんでしょうか。努力家でもありますが、才能だと思いますね。
ありがとうございます✨大変励みになります！最初上手く説明できなくて何回か動画撮り直しました😹💦
リネーム機能って言ってるのはプラグインですか？
すんません、隠し機能10選見たらわかりました！！この動画シリーズ見れば、FIMGAの基礎はバッチリですね。しかも最新！最高です！
えぐ
😊
めちゃくちゃありがたい！ すっこぐわかりやすくて、実用的で最高です😊❤
ありがとうございます😊✨励みになります！
神様…。
🥳
有益すぎる情報ありがとうございます！ 全部知らなかったので、早速覚えて使ってみます！😆
コメントありがとうございます☺️🧡 全部覚えて使ったら作業めちゃめちゃ速くなると思います〜✨頑張ってください✨
とても分かりやすかったです！何度も見て復習します！
ありがとうございます！分からなくなったらまた見返しに来てください〜☺️✨
めちゃめちゃ分かりやすかったです！
ありがとうございます！解説頑張って考えたので、そう言ってもらえると嬉しいです😸🧡
とってもわかりやすく、勉強になる動画でした！ 知らないプラグインもあり、早速導入しました🙌 コンポーネントとプロパティの解説もして欲しいです！！
ありがとうございます！温かいお言葉励みになります✨ コンポーネントとプロパティのリクエストもありがとうございます！前向きに検討させていただきます😸💛
こんにちは！最近figmaを学習し始めた者です。 サイトトレースする際に、お手本の画像が粗くなってしまい困っていたときにこの動画に巡り合いました！ 綺麗に画像を配置できてすごく助かりました！ありがとうございます。 他のプラグインも試してみます😊
ありがとうございます😊✨ お役に立てて嬉しいです！まだまだ他にも便利なプラグインがあるので、今度動画にします👍
いつもオシャレなデザインで楽しく勉強させていただいてます。 Blobsで作成したうにょうにょ３つのカラーはもともともちさんが登録されていたものでしょうか？uiGradientsのグラデーション、登録できたら楽ですね！
Figma初心者で、もちさんの話し方や親しみやすい説明がすごく好きで、X、TH-camいつも楽しみに拝見してます❤今よくわからなくて悩んでるのが、レイヤーの名前の付け方？どのタイミングでどう整理するのか？デザインが仕上がった時にはどうあるべきなのかが、さっぱりわかりません💦教えてほしいです🙇
動画見ていただきありがとうございます😊✨ 人によってやり方が違うかもですが、ワイの場合、レイヤーの名前は1番最後に整理してます！この辺もいつか解説動画だしますね🙌
Tipsたくさんあってタメになりました😊
ありがとうございます😊
音楽のノリに合わせてバナー制作。面白いですね！楽しくバナー制作できそうです。Figmaまださわったことないのですが、もちさんのセミナーでバナーとかの部分、理解できました（楽しかったです）。今WEB制作の仕事を探していて企業様Figmaを導入されているかにもよるのですが、募集要項にかいてある企業様もあるので無料版試してみたいと思います。
Extract Styles でスタイルを生成しようとすると「No local style found to extract」と出るのですが、初期設定等必要でしょうか？
特に初期設定は必要ないはずです！まずはスタイル登録がちゃんとできているか確認してみてください(о´∀`о)💡
初コメ失礼します。 画像の境界線のぼかし方知りたかったので、知れて良かったです…！ 動画にしていただき、ありがとうございます！！
お役に立てたようで嬉しいです😆✨ 是非試してみてください〜！！