見出し画像

SaCSSさんのFigma特集に行った話

はじめまして。webデザイナー志望求職中のMao🐈です。

職業訓練校で触ったFigma、触れはするけどもっと効率良くやれるだろうな…と悶々としてたら
クラスのお友達にお誘い頂いて素敵なセミナーが開催されてることをご存じに!

ありがとうございます…


かでる2.7って久々に来た


前半の学び
Figma Japanさんのお話を聞けるのはありがたい…!背景部分も混みでお話聞けると理解度が増します

ローカルバリアブルの存在


ここでしっかり定義しておけば修正もやりやすい!
あとみんなが使えるルールをまとめておくことがグループで制作していく上で必須な事をきちんと学びました…

開発モードがあること

これ…もっと早く知りたかった…!!(自分の勉強不足)
共有ボタンの右側のタグにも似たボタン </> を押すだけで緑の開発モード?デグモードに早変わり…
これがあれば散々悩んでたラインハイトの数値やレタースペーシングの数値がわかるのでは…?
あとここで作った作品を見る事で自分がちゃんとCSSに対応したデザインが作れてるかわかるから便利!
準備完了のお知らせだったり変更内容比較ができたりとても便利…
もう少し触ってみようと思います

Figjamがアイスブレイクの役割も担っていた事

一瞬だけアイデア出しの時+サイトマップ作成の時に触ったから、なんとなくの使い方は知ってたけど
アイスブレイクに使えるカメラやじゃんけん機能があることは流石に知らなかった。
あとリアクションの取り方が直感的かつわかりやすい、ポップでとっても可愛い!
とっても遊び心と実用性を兼ね備えたツール…

VScodeとの連携性

これは目から鱗…拡張機能があったとは!


まだきちんと見れてないのでなんともですが、figmaコミニュティの豊富さもぜひ勉強しておきたいところですね!
デジタル庁のまとめ(?)も見たらデザインへの解像度が上がりそうなので、ちゃんと目を通したいところですね…!


後半戦の学び
後半戦はneccoさんのお話を2部構成で!実用的でその場で試せる話が多かった気がします。

Figmaでサムネイル統一

これ教えてもらったその場でやったけど、とても参考になりました…!いつもタイトル名で判断してたので🥲
フレームを右クリック→サムネイルに設定 だけで簡単サムネイル作成。これは便利。

ページ構成の作り方もあるので勉強したい!

サイトの作り方

既にweb業界入られてる方は当たり前かもですが、未経験でweb業界目指してるものにとって制作の一連の流れを教えて頂けるのはありがたかったです!

コラボ機能の使い方


/ スラッシュでカーソルチャットは初耳!

デザインライブラリ機能

たまにこれファイル跨いで使いたいな…と思って、
コピーしてファイルを行き来してましたわ😭
デザインライブラリに登録するだけでファイルを跨いで使えるなんて…!神の機能

プロトタイプの使い方全般

課題の制作中に直感的に使えなくて諦めてたけど、今日教えてもらったらとてもシンプルだった…!簡単!!
今使ってる作品のカンプで早速取り入れたいです。
ボタンのインタラクションも早く作りたい。やります。

スマートアニメートもお話を聞く感じではハードルが高くないと思いましたが、触ってみないとこればかりはわからないので!早く練習しましょう

料理サイト?アプリ?のスマホで実装した際の動きを確認させてもらったけどFigma一つでここまで反応するのか、と本当に感動…!
URLがあれば誰でも見れるので社内外問わずシェアのしやすさが便利!
早速使ってポートフォリオに載せたい…!


懇親会ではweb業界に勤めて長い方や、
同じ訓練校の別のクラスの方、
neccoさんのスピーカーの方々とお話しさせていただいてとてもモチベが上がりました…!

未経験だとダメなのかなーとか、ウダウダしてる暇があったらお話聞かせてもらうのが1番良いですね🥲頑張ります!勉強しよう!

合間のヨガタイムも良いリフレッシュになりました🥰デスクワークするとどうしても血流が悪くなる一方なので…!
FigmaのFのポーズ!!笑


かわいいお土産まで🙆
figmaピンズ、アツい!!!これつけてるだけでFigma全能な人感を醸し出せる…。いや使えるようにしますわ!


とっても楽しくて有意義な時間でした🙇
また行きますー!!!!

この記事が気に入ったらサポートをしてみませんか?