Tips

本

デザインツールのTipsやデザイナーのマインドセットを整えられる素敵な記事をまとめています

運営しているクリエイター: nanae

#figma

Figmaの生産性を高めるTips50選

こんにちは、株式会社アトラエでデザイナーをしています、三上蒼太(@sota_mikami)です。この記事は、Atrae Advent Calendar 2020 の12日目の記事です。弊社ではデザインツールとしてFigmaを使っています。僕はこのFigmaが大好きで、社内でもFigma愛は随一だと自負しています。本記事では、Figmaを愛している僕が、Figmaをもっと快適に使いこなし生産性を高めるためのTipsを吐き出します。なお、こちらの記事ではTips

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

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

【チームライブラリ活用編】デザインシステムを #Figma でもっと強くする

【まずやること編】デザインデータをSketchからFigmaにお引越ししようもあわせてドウゾ・・・ノゾエ（@conoito）です。今年3月頃に、SketchからFigmaに、UIまわりのデータの移行を行いました。約半年が経った9月現在、特に大きな問題もなく快適に本運用を行なうことができています。今日は、Figmaに移行してから行なった、コンポーネントの整備からスタイルの最適化、さらには、最適化したデザインシステムをアプリに適用するまでを、もりっとお話

FigmaのコンポーネントをVariantsで状態管理する

こんにちは、ふじけん(@kenshir0f)です。 Figma に新機能 Variants がリリースされました。一通り触ってみたので、チュートリアル読むよりもサクッと知りたい方向けに、何が変わったのか紹介したいと思います。 Variantsとは？複数のコンポーネントの状態をひとつにまとめて管理する機能です。例えば、Buttonの[Default, Hover, Focus, Disabled]といった状態をそれぞれコンポーネントで作っていましたが、Variantsを使う

FigmaにPluginがついに来たのでよさそうなものをご紹介

こんにちは。 Figma plugin の beta版の開発の招待が来なくて悲しんでいましたが、日本時間の2019年8月2日(金)に公式でリリースされました🎉 これを書いているのはプラグインローンチ時刻の深夜2時なので、朝起きて仕事でちょっと触ってみたいという方に向けて、いくつか良さそうなプラグインを紹介したいと思います。 Pluginのインストール方法Figmaのデスクトップアプリをアップデートし、画面左上のPluginsを選択します。あとはPlugin一覧から入れ