- Видео 26
- Просмотров 36 251
もち | デザイン教える人
Япония
Добавлен 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 #もち #もち先生 #デザイン
【決定版】ノーコードツール7つを徹底比較！強みや弱みの比較から選び方までを徹底解説！
ノーコードツールの特徴やメリット・デメリット、ノーコードツールのおすすめ・選び方を紹介！
デザインの効率アップに繋がるので、ぜひ駆け出しデザイナーの方など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年以上
・デザインツールFigmaの書籍出版実績
・webデザインスクールを運営
・スタートアップCDOしながら、デザイン関連の会社を経営
・デザインツールSTUDIOの公式エキスパート認定者
webデザイン初心者で、これからFigmaを学ぼうとしている未経験デザイナーの方、もしくは学び始めた駆け出しデザイナーの方の為の動画です。私の経験をもとに、皆さんにとって役立つ情報をどんどん発信していきます！
------------------------------------------...
デザインの効率アップに繋がるので、ぜひ駆け出しデザイナーの方など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年以上
・デザインツールFigmaの書籍出版実績
・webデザインスクールを運営
・スタートアップCDOしながら、デザイン関連の会社を経営
・デザインツールSTUDIOの公式エキスパート認定者
webデザイン初心者で、これからFigmaを学ぼうとしている未経験デザイナーの方、もしくは学び始めた駆け出しデザイナーの方の為の動画です。私の経験をもとに、皆さんにとって役立つ情報をどんどん発信していきます！
------------------------------------------...
Просмотров: 591
Видео
【Figma】現役デザイナーがリアルにおすすめする作業効率化系プラグイン5選
Просмотров 893Месяц назад
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選！
Просмотров 754Месяц назад
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オートレイアウトの使い方【サルでもわかる入門編】
Просмотров 4,4 тыс.Месяц назад
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でポートフォリオって実際どうなの？採用目線でぶっちゃけ解説！
Просмотров 1,8 тыс.Месяц назад
特に駆け出しデザイナーには見てほしい！案件獲得や転職にも役立つ、ポートフォリオの作り方やテンプレート、注意点を紹介・解説します。 【もちとは!?】 ・デザイン歴10年以上 ・デザインツールFigmaの書籍出版実績 ・webデザインスクールを運営 ・スタートアップCDOしながら、デザイン関連の会社を経営 ・デザインツールSTUDIOの公式エキスパート認定者 webデザイン初心者で、これからFigmaを学ぼうとしている未経験デザイナーの方、もしくは学び始めた駆け出しデザイナーの方の為の動画です。私の経験をもとに、皆さんにとって役立つ情報をどんどん発信していきます！ #もち #figma #webデザイン #webデザイナー #ポートフォリオ 作り方 #チュートリアル
【Webデザイナー必見】プロが教える有益すぎるFigma新機能ツールを徹底解説！
Просмотров 2,8 тыс.2 месяца назад
webデザイン初心者で、これからFigmaを学ぼうとしている未経験デザイナーの方、もしくは学び始めた駆け出しデザイナーの方の為の動画です。 ありがたいことにFigma書籍出版も経験させていただいたり、webデザインスクールも運営している私の全ての経験をもとに Config2024というイベントで発表されたFigma大規模アップデートについて、業務効率化やクオリティを担保してくれるなど、あなたに役立つ機能を徹底解説します。 #もち #figma #webデザイン #webデザイナー #プラグイン #チュートリアル
Figma本を出版してるデザイナーが基礎から教えるバナーの作り方とコツ
Просмотров 2,5 тыс.2 месяца назад
webデザイン初心者で、これからFigmaを学ぼうとしている未経験デザイナーの方、もしくは学び始めた駆け出しデザイナーの方の為の動画です。 ありがたいことにFigma書籍出版も経験させていただいたり、webデザインスクールも運営している私の全ての経験をもとにバナー作成の基本と秘訣を公開します。 動画内で使用しているマンゴーアイスの写真素材はこちらからDLできます(^^)/ drive.google.com/file/d/1MkiHL6wACiYn5pVezxR18VL5i2LoK-qY/view?usp=drive_link #もち #figma #webデザイン #webデザイナー #プラグイン #チュートリアル
【webデザイン初心者必見】絶対に入れたいおすすめFigmaプラグイン5選
Просмотров 1,3 тыс.2 месяца назад
webデザイン初心者で、これからFigmaを学ぼうとしている未経験デザイナーの方、もしくは学び始めた駆け出しデザイナーの方の為の動画です。 ありがたいことにFigma書籍出版も経験させていただいたり、webデザインスクールも運営している私が、 絶対に入れたいおすすめプラグイン5選を紹介します。 #もち #figma #webデザイン #webデザイナー #プラグイン #チュートリアル
Figmaでモックアップを使ったグラフィックのつくり方！
Просмотров 2 тыс.Год назад
プラグインを使用してモックアップを作成します。簡単なので真似してみてくださいね(о´∀`о) 今回使用したプラグイン「Vectary 3D Elements」 www.figma.com/community/plugin/769588393361258724 Figma公式サイト www.figma.com/ja/
Figmaプラグイン「Styler」の使い方！面倒なスタイル登録が一瞬で終わる！
Просмотров 3,4 тыс.Год назад
Figmaプラグイン「Styler」の使い方を解説しています。 【バグ？使用する時の注意点】 なぜかスタイル登録がちゃんとできない…という人は、レイヤーの順番を確認して、レクタングル（長方形）が一番下になっていないか確認してみてください。テキストレイヤーを一番下に置き換えると正常に作動することがあります。 Stylerのインストールはこちら www.figma.com/community/plugin/820660579767995949 Figma公式サイト www.figma.com/ja/
Figmaの使い方：３カラムのセクションをつくってみよう！
Просмотров 777Год назад
Figmaを使って高速で３カラムのセクションをつくります。 動画を見ながら一緒につくってみてね！ Figmaの公式サイトはこちら www.figma.com/ 毎日TwitterでFigmaを中心としたデザインTips発信中！ 良かったらフォローしてください(о´∀`о)✨ ▼Twitterアカウント @makiko_sakamoto makiko_sakamoto
Figmaで登壇風バナーをつくってみよう！作成動画を見ながら真似して覚えるFigma講座
Просмотров 2,2 тыс.Год назад
よく見る登壇風バナーをFigmaだけで作成しました！ こちらは以前Twitterに掲載していた動画の通常速度版となっております。 Twitterでは動画は140秒までの制限があるため、かなり速度を早めたものを掲載していましたが、「通常速度の動画を見ながら練習したいです！」という要望を多数いただいていたので、今回通常速度版をRUclipsにアップロードいたしました(о´∀`о)✨ 動画を止めたりしながら真似してつくってみてください♪ Figmaの公式サイトはこちら www.figma.com/ BGM： Kronicle - Chill Noons - Royalty Free Vlog Music Music By Kronicle Soundcloud │ @the-chemist-10 Twitter │ Kronicle_X Instagram │ in...
Figmaプラグイン「Aspect Ratio」の使い方。アスペクト比を一発で変換してくれる地味に便利なやつ！
Просмотров 1 тыс.Год назад
Figmaプラグイン「Aspect Ratio」の使い方を解説しています。 16:9などよく使う比率に１クリックで変換してくれる便利なプラグインです。RUclipsやブログのサムネ、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 │ ruclips.net/video/tqqB7Y76S-o/видео.html
Figmaプラグイン「Japanese Font Picker」の使い方
Просмотров 1,3 тыс.2 года назад
Figmaプラグイン「Japanese Font Picker」の使い方
Figmaプラグイン「Artboard Studio Mockups」の使い方
Просмотров 1,2 тыс.2 года назад
Figmaプラグイン「Artboard Studio Mockups」の使い方
マスクをかけようとすると画像が消えてしまうのはなんででしょうか？ 何度試しても画像が消えてマスクの切り抜きができません💦 設定などの問題なのでしょうか？
画像と切り抜く形のレイヤーの重ね順は合っていますか？？画像が上に来るようにしてくださいね😀💡
今studioを勉強しているのですが、いづれfigmaも勉強したいと思い、先日もちさんの本を買わせて頂きました。こちらの動画もとても参考になります♪
ありがとうございます！とても励みになります😊💛
もちさん！ めっちゃわかりやすくて参考になりました！早速作ってみます😊
ありがとうございます！ぜひチャレンジしてみてください🥳✨
こんにちは😃説明分かりやすfigma初心者ですがすぐプラグインできました。 ありがとうございます❤
コメントありがとうございます✨励みになります！ぜひFigma楽しんでくださいね☺️💛
画像生成はやはりPhotoshopで加工した物を使用する方が良さげですね
画像生成の精度は微妙そうですね…。promptを英語にすると幾分マシなようです💡
SPとPCでレスポンシブでデザインした時に、オートレイアウトで文字サイズは変更できなんでしょうか？SPは10px、PCは14pxみたいな感じで変更したいです！かなり調べてますが全然できません💦
オートレイアウトの機能で文字サイズを変更することはできないです🥲
全部めちゃくちゃ便利〜！プラグイン入れました👍
とても分かりやすい動画をありがとうございます😊 まだFigmaを使い始めたばかりでばかりなのでとても参考になります！ キャンバスにいろんな画像を取り込んだり、要素を作成したときに大きさがバラバラに 表示されてしまうのを統一させるにはどうしたら良いですか？
文章もわかりやすいし、ストーリーも理解しやすい順番になってると思いました。こういう論理的に物事を考えられる方に仕事をお願いしたいと思うのは当然ですね。レクチャーにもかなり慣れていると思います。練習されたんでしょうか。努力家でもありますが、才能だと思いますね。
ありがとうございます✨大変励みになります！最初上手く説明できなくて何回か動画撮り直しました😹💦
リネーム機能って言ってるのはプラグインですか？
すんません、隠し機能10選見たらわかりました！！この動画シリーズ見れば、FIMGAの基礎はバッチリですね。しかも最新！最高です！
えぐ
😊
めちゃくちゃありがたい！ すっこぐわかりやすくて、実用的で最高です😊❤
ありがとうございます😊✨励みになります！
神様…。
🥳
有益すぎる情報ありがとうございます！ 全部知らなかったので、早速覚えて使ってみます！😆
コメントありがとうございます☺️🧡 全部覚えて使ったら作業めちゃめちゃ速くなると思います〜✨頑張ってください✨
とても分かりやすかったです！何度も見て復習します！
ありがとうございます！分からなくなったらまた見返しに来てください〜☺️✨
めちゃめちゃ分かりやすかったです！
ありがとうございます！解説頑張って考えたので、そう言ってもらえると嬉しいです😸🧡
とってもわかりやすく、勉強になる動画でした！ 知らないプラグインもあり、早速導入しました🙌 コンポーネントとプロパティの解説もして欲しいです！！
ありがとうございます！温かいお言葉励みになります✨ コンポーネントとプロパティのリクエストもありがとうございます！前向きに検討させていただきます😸💛
こんにちは！最近figmaを学習し始めた者です。 サイトトレースする際に、お手本の画像が粗くなってしまい困っていたときにこの動画に巡り合いました！ 綺麗に画像を配置できてすごく助かりました！ありがとうございます。 他のプラグインも試してみます😊
ありがとうございます😊✨ お役に立てて嬉しいです！まだまだ他にも便利なプラグインがあるので、今度動画にします👍
いつもオシャレなデザインで楽しく勉強させていただいてます。 Blobsで作成したうにょうにょ３つのカラーはもともともちさんが登録されていたものでしょうか？uiGradientsのグラデーション、登録できたら楽ですね！
Figma初心者で、もちさんの話し方や親しみやすい説明がすごく好きで、X、RUclipsいつも楽しみに拝見してます❤今よくわからなくて悩んでるのが、レイヤーの名前の付け方？どのタイミングでどう整理するのか？デザインが仕上がった時にはどうあるべきなのかが、さっぱりわかりません💦教えてほしいです🙇
動画見ていただきありがとうございます😊✨ 人によってやり方が違うかもですが、ワイの場合、レイヤーの名前は1番最後に整理してます！この辺もいつか解説動画だしますね🙌
Tipsたくさんあってタメになりました😊
ありがとうございます😊
音楽のノリに合わせてバナー制作。面白いですね！楽しくバナー制作できそうです。Figmaまださわったことないのですが、もちさんのセミナーでバナーとかの部分、理解できました（楽しかったです）。今WEB制作の仕事を探していて企業様Figmaを導入されているかにもよるのですが、募集要項にかいてある企業様もあるので無料版試してみたいと思います。
Extract Styles でスタイルを生成しようとすると「No local style found to extract」と出るのですが、初期設定等必要でしょうか？
特に初期設定は必要ないはずです！まずはスタイル登録がちゃんとできているか確認してみてください(о´∀`о)💡
初コメ失礼します。 画像の境界線のぼかし方知りたかったので、知れて良かったです…！ 動画にしていただき、ありがとうございます！！
お役に立てたようで嬉しいです😆✨ 是非試してみてください〜！！