Friends of Figma Osaka #01[オンライン開催]Figma公式コミュニティ Friends of Figma Osakaの記念すべき第1回目の勉強会

Friends of Figma Osaka | Figma 公式コミュニティ @fof_osaka

Session内で扱った書籍は『初心者からちゃんとしたプロになる　Figma基礎入門』です！ amazon.co.jp/dp/4295204935/ ぜひ、チェックしてみください✨ #figma #fof_osaka

723 | デジLIG 4月生 @nanana_wd

テキストだけだとオートレイアウトのメニューが出ないから「使えない」のかと思ってたけど、ショートカットキーや右クリックメニューで適用可能！聞いたことあったかもだけど抜けてたので助かりました……。 #fof_osaka

くーつ | コーダー @Koots2021

Figma面白いですね！ XDやフォトショとかでもデザインを作ったことはないので比較はできないのですが、操作はとてもわかりやすい感じがします。 ノーコードでコーディングしているような感覚ですね！（これは経験あり） そのうちコーディングする必要がなくなる未来を感じましたｗ #fof_osaka twitter.com/i/web/status/1…

長谷川喜洋★星のソムリエ®/HASEGAWA Yoshihiro @hiro_ghap1

おすすめプラグイン！ #fof_osaka pic.twitter.com/LnT8UfWAxM

拡大

Friends of Figma Osaka | Figma 公式コミュニティ @fof_osaka

Session02「おすすめプラグイン紹介」がはじまりました！ 話し手は松下 絵梨（twitter.com/matsu_eri）さん・浦上 央夢（twitter.com/omu_the_world）さん、聞き手は藤次夏月（twitter.com/KazukiWeb）さんです✨ #figma #fof_osaka

くーつ | コーダー @Koots2021

Figma面白いですね！ XDやフォトショとかでもデザインを作ったことはないので比較はできないのですが、操作はとてもわかりやすい感じがします。 ノーコードでサイトを作っている感覚ですね！（これは経験あり） そのうちコーディングする必要がなくなる未来を感じましたｗ #fof_osaka twitter.com/i/web/status/1…

Friends of Figma Osaka | Figma 公式コミュニティ @fof_osaka

次から選びやすくするために保存できる。 #figma #fof_osaka pic.twitter.com/0d6eqgF8XG

拡大

Friends of Figma Osaka | Figma 公式コミュニティ @fof_osaka

色や文字を、レイヤー名工夫しておいて登録！ #figma #fof_osaka pic.twitter.com/fu9dIxPOBk

拡大

Friends of Figma Osaka | Figma 公式コミュニティ @fof_osaka

Unsplashをサクッと使える！Presetsで一気に複数入れることも！ #figma #fof_osaka pic.twitter.com/r9rFS804Tt

拡大

Friends of Figma Osaka | Figma 公式コミュニティ @fof_osaka

思ったより速い 思ったよりキレイ！ な切り抜き #figma #fof_osaka pic.twitter.com/U6reOCLkDl

拡大

長谷川喜洋★星のソムリエ®/HASEGAWA Yoshihiro @hiro_ghap1

画像の切り抜きに、removeBG 便利。 #fof_osaka remove.bg/ja pic.twitter.com/99SxjFru1p

拡大

Friends of Figma Osaka | Figma 公式コミュニティ @fof_osaka

LottieFiles figmaのアニメーションもLottieFilesを書き出すことができる！ #figma #fof_osaka pic.twitter.com/9WnhoWCNDU

拡大

Friends of Figma Osaka | Figma 公式コミュニティ @fof_osaka

「Session02で紹介したプラグイン「LotttieFiles」はこちらで詳しく紹介しております✨ #figma #fof_osaka twitter.com/matsu_eri/stat…

Eri Matsushita 松下 絵梨 @matsu_eri

LottiFilesのプラグインで、マスクがサポートされるようになりました🥳 1️⃣Figmaのスマートアニメートでアニメーション作る 2️⃣プラグイン「LottiFiles for Figma」を使って書き出し 3️⃣LottiFilesページからJSONファイルをダウンロードし、実装 👉Webページで軽量なSVGアニメーションが表示できる🎉… twitter.com/i/web/status/1… pic.twitter.com/hbGFmPyVrL

2023-06-30 14:18:49

Friends of Figma Osaka | Figma 公式コミュニティ @fof_osaka

アイコンを探せる #figma #fof_osaka pic.twitter.com/RyT2A9JB0q

拡大

長谷川喜洋★星のソムリエ®/HASEGAWA Yoshihiro @hiro_ghap1

「command + /」で検索窓がでてくる。 #fof_osaka pic.twitter.com/edfNktAMBa

拡大

Friends of Figma Osaka | Figma 公式コミュニティ @fof_osaka

流体を選べる #figma #fof_osaka pic.twitter.com/IZ00hYCF2M

拡大

うまこ @umaco_design

自然なシャドウでこなれ感ある！Beautiful Shadows📝 #fof_osaka

Friends of Figma Osaka | Figma 公式コミュニティ @fof_osaka

美しい影がわかりやすく作れる #figma #fof_osaka pic.twitter.com/NVe1T0mWI9

拡大

Friends of Figma Osaka | Figma 公式コミュニティ @fof_osaka

コントラストのチェックができる！ #figma #fof_osaka pic.twitter.com/8bEQk5saTq

拡大

拡大

Friends of Figma Osaka | Figma 公式コミュニティ @fof_osaka

推しの波に出会えるまで調整！#figma #fof_osaka pic.twitter.com/haoAhdaLEj

拡大

くーつ | コーダー @Koots2021

CSSをわかってるとFigmaをより使いこなせそうですね！ コーディングが苦手なデザイナーさんでCSSを学びたいと思う方は、ドットインストールがめっちゃわかりやすいのでオススメです！ dotinstall.com/lessons/basic_… #fof_osaka twitter.com/i/web/status/1…

長谷川喜洋★星のソムリエ®/HASEGAWA Yoshihiro @hiro_ghap1

iPad の Figma とか、使い勝手はどうだろう #fof_osaka pic.twitter.com/ZFSrBbu3I9

拡大

くーつ | コーダー @Koots2021

CSSをわかってるとFigmaをより使いこなせそうですね！ コーディングが苦手なデザイナーさんでCSSを学びたいと思う方には、ドットインストールがめっちゃわかりやすいのでオススメです！ dotinstall.com/lessons/basic_… #fof_osaka twitter.com/i/web/status/1…

Friends of Figma Osaka | Figma 公式コミュニティ @fof_osaka

8/9（水）19:00より「Friends of Figma Osaka #02」を開催いたします✨ 会場はgusuku Ashibinaa OSAKAさんです！ 詳細はFOF Osakaのページにてお知らせいたしますのでチェックしてくださいませ☺️ friends.figma.com/osaka/ #figma #fof_osaka

❖HirokiTani @hiloki

皆さんご参加ありがとうございました！ 登壇者のみなさんがおすすめしていたプラグイン + Noisy Gradientsというプラグインを組み合わせて、それっぽいのをつくるデモをお土産においておきます #fof_osaka pic.twitter.com/9Yve9a4Gmo