マガジンのカバー画像

figma

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

#Webデザイン

FigmaではじめるUI（Web）デザイン｜Part2

Part1ではUIデザインの下準備として簡易的にデザインシステムを作りました。 ただ、前回作ったものはデザインシステムの空箱でしかありません。 空箱という言葉が示すように、変数的に定義したカラーやタイポグラフィをどのように意味づけていくかが残りのPartの目的の1つでもあります。 そして、そのデザインシステムを真に活用していくには横断的な組織が必要不可欠になってきます。 どうすれば横断的な組織をデザイナーという立場から作り出せるのか。それは僕にはまだ上手く説明できません

Nao Komura

FigmaではじめるUI（Web）デザイン｜Part1

Figma 3.0が発表されてから半年ほど経ち、実際にプロジェクトでFigmaを使用した際の知見や、tips的なものまで日本でも散見されるようになってきました。 そんな感じで良い具合に枯れ始めているデザインツールではあるのですが、まだまだ日本での記事は、経験者向けに「Figmaに乗り換えるメリット」とか「他のUIデザインツールとの比較」のような内容の記事が多く（人のこと言えないですが......）、初心者にはUIデザインのツールとしてはまだまだ馴染みの薄いツールなのかなと思

Nao Komura

【まずやること編】 #Sketch から #Figma にお引越し

すでにお引越しした方、もう少し深く知りたい方は 【チームライブラリ活用編】デザインシステムをFigmaでもっと強くする もあわせてドウゾ〜 ・・・ ノゾエ（@conoito）です。 今日は、みてねのデザインデータが移行されるまでをご紹介します。 移行完了までのイメージを掴むための参考にどうぞ！ ・・・ 今年3月頃に、SketchからFigmaに、UIまわりのデータの移行を行いました。 あれから半年が経った9月現在、特に大きな問題もなく快適に本運用を行なうことができて

nozoe | con…

【2020年版】リアルに作業を超効率化してくれたFigmaの必須プラグイン10選！！

今回は年末ということもあり、2020年に仕事でリアルに使い倒しまくったFigmaのプラグインを10個に絞ってまとめてみました！ こちらの記事はデザインの制作スピードをあげたい人向けに書いています。そのため一見面白そうだし革新的だけど実際コレどこで使うの？みたいなプラグインは今回あえて紹介してません。全てリアルに仕事の中で使い倒しているスタメンのプラグインのみに絞っています。 では早速紹介していきます！ 01：Unsplash もはや言わずもがな、有名なフリー写真素材サ

もち | CDO・デ…

【2020年 総復習】Figmaに関するツイートまとめました！

今年はFigmaに関するツイートやコンテンツをいっぱい発信しました！一気にまとめて見たいというお声もチラホラもらっていたので、2020年のうちに記事としてまとめてみました。是非年末年始の空いた時間に復習がてら見てもらえると嬉しいです♪ ⭐2020年リアルに使いまくったプラグイン10選⭐figmaのショートカット早見表（完全版DLリンク付き） ▼完全版のDLはこちらからどうぞ！ ⭐figmaのブレンドモード適用一覧イマイチブレンドモードを使いこなせていない方に、ひと目で効

もち | CDO・デ…

Figmaで作るglassmorphism

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

TKC