藤崎 猫

UI / UXデザイナー デザインの本を出版しています。

藤崎 猫

UI / UXデザイナー デザインの本を出版しています。

記事一覧

固定された記事

『FigmaでUIデザイン』 電子書籍 90日間無料公開中

はじめまして。UI / UXデザイナーの藤崎 猫です。 先日、Figma & UIデザイン初心者向けに『FigmaでUIデザイン』を発売しましたので、こちらで少しだけ内容についてご紹介し…

藤崎 猫
2か月前
13

ブール値を使ったアイコン付きボタンの作り方 - Figma

こんにちは、藤崎 猫です。 『FigmaでUIデザイン』という本を出版して、ブログでは本に入りきらなかったデザインノウハウや、Figmaの使い方についてお伝えしていきます。 …

藤崎 猫
5日前

オートレイアウトを使った横幅可変のボタンの作り方 - Figma

こんにちは、藤崎 猫です。 『FigmaでUIデザイン』という本を出版して、ブログでは本に入りきらなかったデザインノウハウや、Figmaの使い方についてお伝えしていきます。 …

藤崎 猫
10日前
1

カルーセルの作り方 - Figma

こんにちは、藤崎 猫です。 『FigmaでUIデザイン』という本を出版して、ブログでは本に入りきらなかったデザインノウハウや、Figmaの使い方についてお伝えしていきます。 …

藤崎 猫
2週間前
12

コンポーネントのバリアント設定 - Figma

こんにちは、藤崎 猫です。 先日『FigmaでUIデザイン』という本を出版して、そこに入りきらなかったデザインノウハウや、Figmaの使い方についてブログでお伝えしていきます…

藤崎 猫
1か月前

古いデザインを復活させる方法 - Figma

こんにちは、藤崎 猫です。 2月に『FigmaでUIデザイン』という本を出版し、そこに入りきらなかったデザインノウハウや、Figmaの使い方をNoteにてご紹介しています。 今回…

藤崎 猫
1か月前

サイズを簡単に2倍にする方法 - Figma

こんにちは、藤崎 猫です。 先日『FigmaでUIデザイン』という本を出版して、ブログでは入りきらなかったデザインノウハウや、Figmaの使い方についてお伝えしています。 今…

藤崎 猫
1か月前
2

デザイン整理にセクションを活用しよう - Figma

こんにちは、藤崎 猫です。 書籍『FigmaでUIデザイン』にて紹介しきれなかったFigmaの使い方やデザインチップスを、Noteにてご紹介しています。 『FigmaでUIデザイン』に…

藤崎 猫
2か月前
3

書籍 『FigmaでUIデザイン』 - 紙媒体でも出版開始!

こんにちは、藤崎 猫です。 先日出版した電子書籍『FigmaでUIデザイン』を紙媒体でも出版開始いたしました。 本を読むのは紙派という方も多いと思いますので、アプリのUIデ…

藤崎 猫
2か月前
3

コンポーネントがうまくいかないときは、「レイヤー構造と名前」に原因があるかも? - Figma

こんにちは。藤崎 猫です。 先日『FigmaとUIデザイン』という本を出版し、こちらのブログではそこに入りきらなかったデザインノウハウをご紹介していきたい思います。 今回…

藤崎 猫
2か月前
3

アイコンのつくり方 - Figma

こんにちは、藤崎 猫です。 先日『FigmaでUIデザイン』という本を出版し、その中に入りきらなかったデザインノウハウや、Figmaの使い方をブログにてご紹介しています。 今…

藤崎 猫
2か月前
5

「4の倍数」でのUIデザインのつくり方 - Figma

こんにちは、藤崎 猫です。 先日『FigmaでUIデザイン』という本を出版して、ブログでは入りきらなかったデザインノウハウや、Figmaの使い方についてお伝えできればと思って…

藤崎 猫
2か月前
75
『FigmaでUIデザイン』 電子書籍  90日間無料公開中

『FigmaでUIデザイン』 電子書籍 90日間無料公開中

はじめまして。UI / UXデザイナーの藤崎 猫です。
先日、Figma & UIデザイン初心者向けに『FigmaでUIデザイン』を発売しましたので、こちらで少しだけ内容についてご紹介したいと思います。

どんな本なのか?内容としては、デザインツール「Figma(フィグマ)」の基本的な機能について学びながら、実際にアプリ制作を行う中で制作経験も積むことができるというものになっています。

なぜ出版

もっとみる
ブール値を使ったアイコン付きボタンの作り方 - Figma

ブール値を使ったアイコン付きボタンの作り方 - Figma

こんにちは、藤崎 猫です。
『FigmaでUIデザイン』という本を出版して、ブログでは本に入りきらなかったデザインノウハウや、Figmaの使い方についてお伝えしていきます。

今回はコンポーネントのブール値プロパティを使用した、アイコン付きボタンの作り方を解説していきます。
前回オートレイアウトを使ってテキスト量に応じてサイズが変わるボタンの作り方についてご紹介したのですが、本記事はその続きとして

もっとみる
オートレイアウトを使った横幅可変のボタンの作り方 - Figma

オートレイアウトを使った横幅可変のボタンの作り方 - Figma

こんにちは、藤崎 猫です。
『FigmaでUIデザイン』という本を出版して、ブログでは本に入りきらなかったデザインノウハウや、Figmaの使い方についてお伝えしていきます。

今回はオートレイアウトを使った横幅可変のボタンの作り方をご紹介していきます。
特にコンポーネントを使ってデザインする場合は、所定のテキストを編集しながら使っていくことが多いため、テキストの中身が変わっても崩れないボタンを作る

もっとみる
カルーセルの作り方 - Figma

カルーセルの作り方 - Figma

こんにちは、藤崎 猫です。
『FigmaでUIデザイン』という本を出版して、ブログでは本に入りきらなかったデザインノウハウや、Figmaの使い方についてお伝えしていきます。

今回のテーマはカルーセルの作り方です。FigmaでWEBデザインやUIデザインをしていると、カルーセルのUIをデザインすることもあるかと思います。しかし動的な要素だからこそ、実際に動かしてみないと良いデザインになっているかが

もっとみる
コンポーネントのバリアント設定 - Figma

コンポーネントのバリアント設定 - Figma

こんにちは、藤崎 猫です。
先日『FigmaでUIデザイン』という本を出版して、そこに入りきらなかったデザインノウハウや、Figmaの使い方についてブログでお伝えしていきます。

今回はコンポーネントのバリアント設定についてです。

<Kindle Unlimited & ペーパーバッグで公開中!>

バリアントとはまずバリアントについて簡単にご紹介します。 
「バリアント」とはFigma特有の機

もっとみる
古いデザインを復活させる方法 - Figma

古いデザインを復活させる方法 - Figma

こんにちは、藤崎 猫です。
2月に『FigmaでUIデザイン』という本を出版し、そこに入りきらなかったデザインノウハウや、Figmaの使い方をNoteにてご紹介しています。

今回のテーマは、Figmaで古いデザインを復活させる方法についてです。

<Kindle Unlimited & ペーパーバッグで公開中!>

古いデザインを復活させたい…!「誤って作成していたデザインを削除してしまった」

もっとみる
サイズを簡単に2倍にする方法 - Figma

サイズを簡単に2倍にする方法 - Figma

こんにちは、藤崎 猫です。
先日『FigmaでUIデザイン』という本を出版して、ブログでは入りきらなかったデザインノウハウや、Figmaの使い方についてお伝えしています。

今回のテーマは、Figmaでサイズなどの値を簡単に2倍にする方法についてです。作成したオブジェクトをパパッと倍数で拡大・縮小させたいという方はぜひご活用ください!

<ペーパーバッグでも販売開始!>

横幅を簡単に2倍にする方

もっとみる
デザイン整理にセクションを活用しよう - Figma

デザイン整理にセクションを活用しよう - Figma

こんにちは、藤崎 猫です。
書籍『FigmaでUIデザイン』にて紹介しきれなかったFigmaの使い方やデザインチップスを、Noteにてご紹介しています。

『FigmaでUIデザイン』については先日紙媒体での出版も開始しましたので、紙で読みたいという方はぜひ!

それでは今回はFigmaのデザイン画面の整理についてです。

<ペーパーバッグでも発売開始!>

Figmaでのデザイン整理デザインを作

もっとみる
書籍 『FigmaでUIデザイン』 - 紙媒体でも出版開始!

書籍 『FigmaでUIデザイン』 - 紙媒体でも出版開始!

こんにちは、藤崎 猫です。
先日出版した電子書籍『FigmaでUIデザイン』を紙媒体でも出版開始いたしました。
本を読むのは紙派という方も多いと思いますので、アプリのUIデザインを行いながらFigmaを学びたい方はぜひ手に取ってみてください!

せっかくなので、本記事では『FigmaでUIデザイン』がどのような本なのか、著作の構成や内容について少しご紹介したいと思います。

<ペーパーバッグ版も発

もっとみる
コンポーネントがうまくいかないときは、「レイヤー構造と名前」に原因があるかも? - Figma

コンポーネントがうまくいかないときは、「レイヤー構造と名前」に原因があるかも? - Figma

こんにちは。藤崎 猫です。
先日『FigmaとUIデザイン』という本を出版し、こちらのブログではそこに入りきらなかったデザインノウハウをご紹介していきたい思います。
今回はFigmaのコンポーネント設計でうまくいかないときの原因の1つについてです。

<Kindle Unlimitedで無料公開中!> 

Figmaにおける不具合Figmaでコンポーネントを作っていると、たまに以下のような不具合に

もっとみる
アイコンのつくり方 - Figma

アイコンのつくり方 - Figma

こんにちは、藤崎 猫です。
先日『FigmaでUIデザイン』という本を出版し、その中に入りきらなかったデザインノウハウや、Figmaの使い方をブログにてご紹介しています。
今回は、シェイプを変形させてアイコンをつくる方法についてご紹介したいと思います。

<Kindle Unlimitedで90日間無料公開中!>

アイコンの3つの作り方と違いFigmaでのアイコンのつくる際には、おもに3つの方法

もっとみる
「4の倍数」でのUIデザインのつくり方 - Figma

「4の倍数」でのUIデザインのつくり方 - Figma

こんにちは、藤崎 猫です。
先日『FigmaでUIデザイン』という本を出版して、ブログでは入りきらなかったデザインノウハウや、Figmaの使い方についてお伝えできればと思っています。
今回のテーマは「4の倍数」でのデザインのつくり方についてです。

<90日間 Kindle Unlimited で無料公開中!>

なぜ4の倍数でつくる?『FigmaでUIデザイン』のナレッジ編(p.32)にて、UI

もっとみる