フリーランスWeb, UI/UX, Brandデザイナーをしています。どんなライフステージにいても自由に働けるフリーランスデザイナーを目指す方々へ役立つような情報を発信していきます。ぜひご登録ください✨
🇺🇸 NYでデザイナー7年+のキャリア
🌎世界中のクライアントと完全リモートでお仕事中
🎓 Web Design Bootcamp主宰
Udemy受講生350名+
👉 フリーランスデザイナーになるためのロードマップを限定公開中!
designup-academy.com/roadmap/
👉 最新情報はInstagramで
instagram.com/mayuko_design/
👩💻 About Mayuko
フリーランスデザイナー
未経験からWebデザイナーに転職。デザイン力の基礎をつけるためニューヨークの芸術大学へ留学。 その後、NYのデザイン会社でブランディングを中心とした業務に携わる。アメリカンエクスプレス、ユネスコ、グーグルなどさまざまな業種のクライアントと関わったお仕事を経験。Graphis, HOW International Design, Graphic Design USAなど多数受賞。NYを離れ、現在は日本を拠点にフルリモートでお仕事をしている。
Пікірлер
この、フィグマのAI使うためのツールバーはどうやったら出せますか?
現時点では段階的に公開されているみたいで全ユーザまで行き渡るまで数週間ぐらいかかるらしいです!ウェイトリストは右下の「?」マークにあると思うで、そちらから申し込むと若干早くなるかもしれません。
Figma超初心者です。このツールバーが出てくれません、どうすればよいでしょうか?
分かる、調べても出てこないよね....
現時点では段階的に公開されているみたいで全ユーザまで行き渡るまで数週間ぐらいかかるらしいです!ウェイトリストは右下の「?」マークにあると思うで、そちらから申し込むと若干早くなるかもしれません。
@@MayukoSoga わざわざコメントで教えて頂きありがとうございます!有益な動画これからもお待ちしております!
今回のアップデートについてどう思いますか?何か気になる機能などあればコメント欄でシェアしてくださいね✨
ImageTracerに関してなんですけど、無料で使える回数制限ってありますか? 急に使えなくなってしまったので。
回数制限ありますね。。2 uses remaining とか残り回数が右上に表示されます。少ないですね。。
@@MayukoSoga やはりそうなんですね。。。 めちゃ便利なんで、残念です。。。 ありがとうございます!
Figmaのプラグインがたくさんありますので、今回は「アイコン・イラスト・図形・グラフィック」に絞ってご紹介します。何か他におすすめプラグインがありますか?
Figma初心者です。大変参考になりました!自分も時間と場所を選ばずに仕事できるようになりたいので勉強頑張ります☺️
コメントありがとうございます!頑張ってください✨
Raycast使いやすいですね☆ この動画のおかげでめちゃくちゃ便利に使えるようになりました! ありがとうございます😄
質問なんですが、 9:06付近・オートレイアウトの詳細設定/間隔設定モード(詰めて配置or間隔を開けて配置) というのが出てこないのですが?
こちらなくなりましたねー。オートレイアウトプロパティパネルの左の真ん中の項目「項目の前後の間隔」で[自動]か[数値入力]で間隔は設定できます。
ありがとうございます!
わぁ初めてSuper Thanksいただきました。ありがとうございます✨
@@MayukoSoga 最近勉強し始めて、うまく操作ができなかったのですが、Mayuko さんの動画を見たら解決しました!私も初めてSuper Thanksを使いました!
@@yukiichi300 そうなのですね☺ 問題解決できてよかったです!
36:09
22:50
19:20
Photoshopとfigmaの両方を使えたら、強いですか?
Illustrator とphotoshop は基本としてまだまた使えたほうがいいです。両方使えるのは当たり前という感覚でいるといいかと思います。
そがさん 聞き取りやすく、ショートカットキーを駆使されていて非常にわかりやすかったです! ありがとうございます。 1点質問なのですが、レイアウトグリッドを作成するときは、どういった基準で作成されているのでしょうか。 基本PC版は16列 SP版は4列なんでしょうか。
実際にどうやって使っているのかやってみせているのが好感度高いです。応援しています。
mayukoさんこんには 有意義な情報ありがとうございます! ところで、プロのmayukoさんが使われてるmacのメモリは何GBでしょうか? 僕はメモリ8GBのM2 macbook air を使っていますがFigmaとPhotoshopを使っているとたまに重くなります。 教えていただけると嬉しいです
16GB Macbook Pro m1です!特に支障はありませんね〜
心地よい関西弁で落ち着きます。実家が懐かしくなりました。
ありがとうございます笑
グリッドの表示・非表示はshift + Gでした。
Mac使ってるんですね。失礼しました。
@@user-um4pu1jq2z MacはShftでもControlでもどっちでもいけるっぽいです!
いつもオートレイアウトで頭が混乱してしまっていました。分かりやすいご説明をありがとうございます!下から上に向かって整えていくのには何かメリットがあるのでしょうか。
Myuko先生、こんにちは! Figma初心者です。先生の動画がとてもわかり易く動画を数回見返していざ手を動かそうとしたところ、「間隔に合わせて拡大、コンテナにあわせて拡大」という項目が表示されず、バージョンが変わってショートカットキーや別の方法ができたのでしょうか、、(wrapが追加されてます) 教えていただけましたら幸いです。よろしくお願いいたします!
ワーケーション、非常に興味があります~!期間、法律、納税など気になってなかなか敷居が高そうなので、その辺の知識を教えていただける動画があると最高です~!
figmaの動画で1番見やすくてわかりやすいです! ドロップダウンの作成方法もあったらうれしいです! 日本語の解説が全然なくて苦戦しています。。。
コメントありがとうございます!ドロップダウンの作成とはオートレイアウトを使っての作り方ですか?それともドロップダウンメニューをオープンした時の動きを作りたいのでしょうか(プロトタイプ)?
@@MayukoSoga お返事ありがとうございます!ドロップダウンメニューをオープンした時の動きが特にわかりにくく苦戦しております^^;
先日figmaの動画を拝見させていただきました。 今デザイナーとしてワイヤーフレームを作成しているのですが、アートボードのグリッドレイアウトの列数、段間幅などの決まりはあるのでしょうか。 PC版、SP版のワイヤーフレームを作成するときに異なってくると思うので、このPxの時は列数こんだけなどの目安などありましたらご教授いただきたいです。
最初のオートレイアウトの際に画像と黄緑のレクタングルが離れて変な並びになるのですが、解決策などはありますか?
いつも動画投稿ありがとうございます!初心者にもわかりやすい説明で理解しやすいですし、素材も用意してくれているので余計なとこに躓くことなく作業に集中できます。感謝です。
Udemyの動画気になります。なんと検索したら出てきますか?
とても参考になります!
参考になりよかったです!
非常に分かりやすいご説明でした、勉強になりましたm(_ _)m 1週間前から、 UIを使ってのサイト構築に独学でChatGPTとPerplexity AIというものを使いながら 初めて挑戦しています。 動画の中でもAIにもデザインを手伝ってもらい30分ほどで サイトを一つ作り上げたと聞きました。 「どんな、何のAIだったのか?」 気になり、質問でした。 手は抜くつもりはないのですが、 今後、合理的に作業するために 質問させていただきました。m(_ _)m
ChatGPT(ダミーコピー&ブリーフ生成)です〜独学頑張ってください✨
figma は右も左も分からない状態でしたが、一緒に手を動かすことでイメージ掴めました。ありがとうございます!
そう言っていただいて嬉しいです!
いつも分かりやすい解説ありがとうございます! 大変勉強になりました😊✨
ロジカルかつよいテンポで、わかりやすい。
figmaの使い方がわからなかったのですごく参考になりました ありがとうございます
初心者にもすごく分かりやすかったです!オートレイアウト便利〜どんどん使っていきます。
そう言ってもらえてよかったです〜😊
喋り方に安定感があって好きです!😂 参考になりました!ありがとうございます!
うれしいです〜ありがとうございます!参考になりよかったです😊
知りたかったことが大変わかりやすく解説されていました!BIGいいね!👍✖️100🎉押したい気分です。ありがとうございます!😭
わ〜✨BIGいいね&そう言っていただけてうれしいです!
ぜひ手を動かしながらFigmaのオートレイアウト使ってみてください!素材は概要欄にありますのでコピーして使ってくださいね。もしやってみてできた〜!とか一言コメントしていただけるとうれしいです!
はじめまして^^とても参考になり、助かります!ありがとうございます。 iconifyというプラグインはweb制作で商用利用もできるのでしょうか・・?
初心者には早いのでスローにして視聴させていただきました。
UIデザインの基礎、スマホデザインで気をつけるべき基礎、ユーザビリティ・アクセシビリティなどを学びたい方はぜひWeb Design Bootcampへご参加ください。 designup-academy.com/wdb-apply/
36:44あたりからの、「左寄せにして・・・」のところがよく分からないのですが、 ラベンダーの画像(左)とテキスト(右)を選択した状態で、2つともを左に寄せているということでしょうか? 👆だとすると、なぜその操作が必要なのでしょうか?
幅が広いデスクトップバージョンのフレームから、幅が小さいモバイルのフレームにコピーしているので、テキスト要素がフレーム外に出て、Figma上では見えなくなります。目で要素が見えないと操作しづらいので、画像とテキストを選択し左よせにしてフレーム内で見えるようにしました。
@@MayukoSoga なるほどそういうことなんですね。ありがとうございます! あと、25:11 ~のところでされている、 シュッとドラッグしたした瞬間にそのエリアが拡大されている操作が動画内で度々出てきますが、どうやってされているのでしょうか?
@@yuri-yg1ru zを押しながらドラッグすると拡大できますよ〜
@@MayukoSoga すごい!できました✨ どこにも情報が無かったので助かりました。ありがとうございます🙇
内容も分かりやすく、 話し方も自信がある感じで、 活舌もしっかりされていて、 これだけ長いのにあまり嚙まないで 素晴らしいと思います。 大変参考になりました。
嬉しいお言葉ありがとうございます😊
初めまして。12月からデザインの勉強を始め、Figmaを使い始めました。細かなところまで解説いただき、本には載っていないような使い方の流れがとてもわかりやすく何度も見返しました!他の動画も観ます!ありがとうございました✨
お役にたてたようでよかったです!頑張ってください👍
素敵なワーケーション動画でしたー! 自分もいつか場所関係なくお仕事してみたいです。 モチベーション上がりました。勉強頑張ります。
そう思っていただけて嬉しいですー!
海外での子連れワーケーション興味ありましたか? ご感想などコメントいただけるとうれしいです!
フィグマ内でペンツールのパスを切断する方法というのが見当たらないので(ハサミみたいなもの)、そんなプラグイン、もしくは方法がありましたら是非宜しくお願い致します!
パスの切りたい部分にアンカーポイントを2つ追加してその部分をダブルクリックして消せばハサミツールはいらないと思うのですが、どうでしょう?
早速の返信ありがとうございます! !?そのようなことができるんですね!! 本業が終えたら、帰って早速やってみますね。本当にありがとうございました。チャンネル登録しました。今後とも宜しくお願い致します。
仕様が変わったのか、ペンツール選択した状態で「Alt」押しながらカーソルを当てたら「-」マークが表示されて消せました!低レベルな質問して迷惑かけないように精進します!でも、そんな質問にもすぐに返信していただいて嬉しかったです。本当にありがとうございました。
6:40 グループ作る
動画を参考に勉強させていただいています。 26:10あたりのレクタングルと3つのカードリストをオートレイアウトするとき、レクタングルもリストと同様にレイアウトし直されてしまい、上手く背景としてその場に残ってくれません。リストと同様に垂直方向や水平方向にレイアウトし直されてしまうという感じです。 私はWindows版のデスクトップアプリで作業していますが、オートレイアウトのショートカットキーは同様にShift+Aです。仕様が異なるのでしょうか?なにか考えられる問題点があれば教えていただきたいです。
背景の長方形の要素もセレクトしてしまっていませんか?ロック(command+shft+L)すれば大丈夫だと思いますのでお試しくださいませ。
初めまして!最近figmaを使い出したのですが、 画像を書き出す時、 なぜか、別々で書き出されてしまいます。 一つのフレームの中の文字や画像などがです。 何か設定などあるのでしょうか? まとめて一つの画像として書き出したいのですが、どうすればよいでしょうか?
画像をグループ化(⌘G)すればできますよ〜!
@@MayukoSoga ありがとうございます😊!やってみます🔥
めっちゃいい声…
はじめまして!これからfigmaを使っていきたくて拝見させていただきました。とても分かりやすかったです!!ありがとうございます^ ^
初見です、今はプログラミングやデジタル画の勉強をしています。 駆け出しで、まだヨチヨチ歩きです。 参考にさせていただきます。