マガジンのカバー画像

figma

54
本
運営しているクリエイター
megumi_s

Figma でモーダルやポップアップ等の状態変化をプロトタイプする

こんにちは！　UIデザイナーのmarinです。 1年半前にメインデザインツールをFigma に移行した際の記事を書いたのですが、理由のひとつにプロトタイピングがしやすいことを挙げていました。 今回はその件についての深堀りを、Figma のプロトタイプを実際の業務でどのように用いているのか例を挙げて書きます。 ※Figma のプロトタイプが初見の場合は、公式のFigma Tutorial: Prototyping を見ておくのをおすすめします。 Figma のプロトタイプの

marin

Figmaで作るglassmorphism

最近FigmaにどハマりしたフロントエンジニアのTKCです。今回は、近年海外のWebデザイン界隈で流行りのglassmorphism(グラスモーフィズム)をFigmaで作成する方法をまとめます。 そもそもglassmorphismとは？glassmorphism(グラスモーフィズム)とは、半透明なオブジェクトでglass(ガラス)の様な質感を表現する手法です。最近ではMac OS Big SurのUIでも取り入れられている様ですね。Pinterestでglassmorphi

TKC

「Figmaガチでわからない」者同士で勉強会を開いたら、メリットだらけだった話

今やプロトタイピングツールとしては、XDよりもシェアのあるFigma。 私の会社でも、UI/UXに関わるデザイナーは全員Figmaアカウントを持ち、日々業務に活用しまくっているわけなのですが。 が！ 私を含め、「実はFigmaわからないんす…」という人が一定数いることが判明いたしまして。 今回、ガチで「Figmaわからない」デザイナーたちが集まって、勉強会を開いてみたら、えらいよかった！！というお話しをさせていただきます。 　　 そもそもFigmaは使えていると錯

kyomiya

Figma便利プラグインまとめ

★5のプラグイン　▼Text Styles Generator登録済みのテキストStylesを別ファイルに移植できる テキストスタイルを保存しているファイルから Plugin > Text Styles Generator > Draw current styles　で登録済みのスタイルをテキストで書き出してくれる そのまま別ファイルに移動させ　Generate Text Styles をするとスタイルを移植できる Chroma Colorsカラーを一括でColor S

Nviveto