マガジンのカバー画像

Figma のまとめ

320
デザインツール Figma の使い方、勉強になる記事などを独断と偏見でまとめたマガジンです。 (人力なので漏れてたらすみません🙏)
運営しているクリエイター

2019年3月の記事一覧

組織メンバー向けFigmaの魅力と使い方

組織メンバー向けFigmaの魅力と使い方

この記事はデザイナーからFigmaを勧められた、デザイナー以外の組織メンバーに向けた記事です。(3分ぐらいで読めます!

最近、開発現場やデザイナー界隈で話題になっているツール「Figma」ですが、Figmaの真価を発揮するにはデザイナー以外の組織メンバーの理解と協力が必要になってきます。
「なんでコイツらこんなにも勧めてくるんや!?」ってところの魅力と最低限の使い方を完結にお伝えしていきます。

もっとみる
Figmaで使える!スタイルガイドテンプレートのつくりかた (テンプレートのみ有料)

Figmaで使える!スタイルガイドテンプレートのつくりかた (テンプレートのみ有料)

こんにちは、かみそるです。
noteでファイルアップロードができるようになったので、さっそくずっと育ててきたスタイルガイドのテンプレートを販売してみようと思います!

このノートでは、テンプレートのつくりかたを解説しています。テンプレートデータのダウンロードは有料ですが、命名規則などのノウハウはすべて無料で読めるのでぜひ参考にしてみてください!

はじめに🌟 UIをスクラッチで作るときに向いてい

もっとみる
FigmaではじめるUI(Web)デザイン|Part2

FigmaではじめるUI(Web)デザイン|Part2

Part1ではUIデザインの下準備として簡易的にデザインシステムを作りました。

ただ、前回作ったものはデザインシステムの空箱でしかありません。

空箱という言葉が示すように、変数的に定義したカラーやタイポグラフィをどのように意味づけていくかが残りのPartの目的の1つでもあります。

そして、そのデザインシステムを真に活用していくには横断的な組織が必要不可欠になってきます。
どうすれば横断的な組

もっとみる
Figmaで捗る!デザインプロセスとチーム開発

Figmaで捗る!デザインプロセスとチーム開発

こんにちは、株式会社トクバイでデザイナーをしている吉井(@hrtk441)と申します。
普段は全国のチラシ情報をお届けする「トクバイ」のアプリ/WEBのサービスデザインのお仕事をしています。

最近noteでもFigma関連の記事がバンバン出てきますね。
これを読んでいる方のなかには、またかよと思っておられたり、Figmaってそんなにいいの?SketchとかXDでいいじゃん…と感じられている方がい

もっとみる
Figmaで困ったこととその解決策

Figmaで困ったこととその解決策

最近のFigmaブームに乗じて、業務でもFigmaを使いはじめました。

「figma [困ってる事象]」でGoogle検索しても、まだ日本語での情報が少なく、答えにたどり着きづらい状況だなぁと思い、Figmaを使う上で困ったことや気になったことをまとめてみました👐

自分用のまとめですが、誰かが困ったときにこの記事にたどり着いて役に立つことがあれば幸いです。

※ 無料プランでやりくりしている

もっとみる
これからFigmaを始める人にオススメの記事まとめ

これからFigmaを始める人にオススメの記事まとめ

最近よく聞かれるのと、ニーズがありそうだったので、Figmaのおすすめ記事をまとめました

Figmaの概念、考え方の記事Figmaを使った 『ペアデザイン』 という革命
https://note.mu/oathkite/n/na255d4557fbc

Figmaを使って開発チームの生産性をあげるプロダクトマネジメント
https://blog.tsubotax.com/n/n58b33ccee

もっとみる
Figmaで使えるSticky Notesを作った

Figmaで使えるSticky Notesを作った

2020/04/20 追記:Figma Community にSticky Notesをアップロードし直したため、リンクを変更しました

---

日本でも話題にする人が増えてきたFigmaですが、Sketchとの大きな違いは、Google Docsのようにリアルタイムに人と共同編集できるところにあります。

デザインはもちろんのこと、Miro (旧RealtimeBoard)のようにチームでアイ

もっとみる
Figmaの使い方、全力でまとめました。

Figmaの使い方、全力でまとめました。

最近、figmaを社内でも始めたのですがその魅力にドンドン引き込まれています。自身の学習も含め、これからfigmaを導入しようとする方の参考になればと思い使い方のまとめを作ってみました。
私はsketchをベースに開発することが多いのでsketch→figma視点で語ってる所が多いです。全力と言いつつ、まとめ切れていない所も多いので、不足しているところは随時更新していきます。

導入編アカウント登

もっとみる
Figmaで「オセロ」やってみた。

Figmaで「オセロ」やってみた。

こんにちは!都内の某メガベンチャーでUXデザイナーをしているなごしん と申します。

1月、札幌から東京へ転職で引っ越して来ました。札幌では受託制作会社でWebデザイナーとして働いていました。好きな食べ物は、スープカレーと室蘭カレーラーメンです。

さて、僕の所属しているチームでは今流行りのFigmaを導入しており、ガリガリUIデザインに使っています!

Figmaとは、ご存知の方も多いとは思いま

もっとみる
UIデザイナーが本を書いたら

UIデザイナーが本を書いたら

Webサービスの運用・UI改善について考えた「UIデザイン - みんなで考え、カイゼンする」という本を書きました。

今回のブログ記事では、本の企画〜原稿ができるまでの過程を書き記していきます。Figmaというデザインツールを使いながら原稿を書いたので、少し不思議な執筆スタイルかもしれません。

きっかけまちえりさんからの紹介がきっかけでした。

当時企画と相性良さそうなnote記事を書いていたの

もっとみる
Figmaでできる、UIデザイン。-ワークショップ編-

Figmaでできる、UIデザイン。-ワークショップ編-

こんにちは、Goodpatch Anywhereのささやんです。
先日はFigmaに恋してる!特に共同作業にぴったりだよ!というご紹介をしました。
じゃあ具体的にどんなことができるの?について今回はお話できればと思います。

第一弾はUIワークショップについて、です。
ワークショップというとUXデザイナーがやってるものじゃないと思われがちですが、UIでもできるんですワークショップ。しかもリモートで

もっとみる
Figma Memo

Figma Memo

Abstract + Sketch でUIデザインしている運用チームでFigma導入検討時にまとめたメモ。まだ検証期間中ですが、バージョン間の差分比較がAbstractに比べるとわかりづらいのに対してデザインリーダーが否定的になっている。(2022年追記 : もう別部署なのですがFigma移行してました)自分としてはStyle管理がSketchより好き。運用より新規プロジェクト時に使うのが良いかな

もっとみる