マガジンのカバー画像

Figma のまとめ

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

#デザイン

Figmaでイラストを描いてみた!

Figmaでイラストを描いてみた!

コミュニケーションデザイナーのmmitoです✌️
今回、Illustratorで不定期に行っていたグラフィックやイラストの修練をFigmaで試してみました。

本noteではIllustratorとFigmaの違いや、具体的なイラストの作成フローに関して紹介したいと思います!
※Figma旧UIでの作成フロー解説をしております

「Illustrator」と「Figma」の違いそんなん知ってるよ!

もっとみる
Figmaというデザインツールがすごい

Figmaというデザインツールがすごい

とあるQiitaの記事で知った、新しいデザインツール「Figma」。正直、デファクトスタンダードなツール以外だと、ファイル形式の問題で扱いづらくなるので、あまり独自仕様のデザインツールが量産されることは嬉しくないのだが、そう…例えば、そのツールで作られたデータを誰でも閲覧できる、ということであればどうだろう。ウェブからアカウントさえ取れば(機能に限りがあるとはいえ)基本的な作業ができる、レイヤー確

もっとみる
新しい道具と新しい思想

新しい道具と新しい思想

ツールは所詮、道具、重要なのは何が作りたいか、だ。

なんて、よく言われるけれど。私は新しい道具が好きだ。
新しい道具を使うと、新しい考え方が自分にインストールされるから。

新しい道具が出てくると、いつも

「いずれなくなってしまうかもしれないのに、それを苦心してマスターするのは時間の無駄だ」とか

「今までのもので十分対応できるし、使い慣れたものの方がより早く作りたいものが作れる」とか

「道

もっとみる
figmaの可能性を探ってみたら便利だった

figmaの可能性を探ってみたら便利だった

最近、にわかにFigmaユーザーが増えて行っている気配を感じたので、触ってみることにしました!

1、Figmaに関するツイート直接の興味をもったのは crowdport 日比谷すみれさんのこのツイート

最近メルカリの鈴木さんがこんなこともつぶやかれていて

5/11日のこちらのイベントに登壇される三橋さんもよくfigmaのことをつぶやかれています。私も参加してきます。

そんなわけで、Figm

もっとみる
Figma3.0リリースでFigmaがDOPEなデザインツールになった|SketchでもAdobe XDでもない選択肢

Figma3.0リリースでFigmaがDOPEなデザインツールになった|SketchでもAdobe XDでもない選択肢

みなさんはFigmaというデザインツールをご存知でしょうか。

正直な所、Adobe XDやSketchなどと比べると知名度も低いし、それらのツールと比べても機能は充実しているのですが使い所が微妙。
(ちなみに、Figmaの公式サイトにもXD、Sketch、Invision Studio、Framerと比較したページはあるのですが全部同じ内容で肩透かしをくらいます。)

という具合に個人的に推して

もっとみる
Figmaのプランを理解せずに契約すると多分困るので解説

Figmaのプランを理解せずに契約すると多分困るので解説

2019/02/26 追記
Figmaのプラン内容少しづつ更新されています。この記事の内容は現行プランとは少しズレている部分があるので、公式サイトでの内容の確認は必須です!
例えば、フリープランでは2メンバー以上招待できない(editor/viewer関係なく)とこの記事にはあるのですが、現行のプランだとeditorが2名以上招待できないだけで、viewerは制限なく招待できます。

こちらの記事

もっとみる
18.09.25 デザインツールのFigmaがよさそう

18.09.25 デザインツールのFigmaがよさそう

いまさらに知ったデザインツールのFigmaがよさそう。

なんでよさそうと思ったかワイヤー作成から実装までにに複数のツール使用して、閲覧や編集できる人が限られてるのってチーム開発する上でかなり問題かも。(Google Slide/Sketch/Zeplin/Invision...etc)

これが1つで済んで、メンバーが1つの場所を見ればいつでも最新を確認&口出しできる世界ができたら最高そうだな。

もっとみる
Adobe信者がみたFigmaの夢

Adobe信者がみたFigmaの夢

「Figmaを使い出してSketchを使わなくなった」と、ある勉強会でSketchについての著書があるスピーカーから聞いて以来、Figmaが頭から離れなかった。単にFigma(フィグマ)って名前がカッコよく感じたのかもしれないが・・・。

簡単に経歴を話すと、僕はPhotoshopをメインにAbdobe製品を20年以上使い続けている。今から数年前にアプリデザインの世界に足を踏み入れ、周りに合わせて

もっとみる
Figmaを使い始めて便利!と思った機能・ショートカット_01

Figmaを使い始めて便利!と思った機能・ショートカット_01

社内 Slack内に立ち上げたFigmaチャンネル「Figma_community」
そのチャンネルにて自身で発見した便利機能などを[ Figma メモ]としてアップし続けているのですが、今回は超初期に書き込みをした機能などの紹介、Figma初心者向けの記事になります。

イメージの書きだし機能[ Figma メモ]
とっても簡単にオブジェクト(アートボードも)の書き出しができるようになってます。

もっとみる
デザインツールを比べてみる

デザインツールを比べてみる

Webサービスづくりにおけるデザインツールは、プロダクトの表現、チームのコミュニケーションや生産性に大きな影響をもたらす場合があります。流行やワークフローを調べながら、どんなデザインツールが良さそうか考えてみます。

各ツールの特徴Prototyping Toolsというサイトで、プロトタイピングツールをインタラクションやユーザーテスト、コラボレーションなどの観点で比較できました。

Afford

もっとみる
Sketch から Figma への移行Tips

Sketch から Figma への移行Tips

こんにちは。@toi_toi_y です。最近 Sketch から Figma に移行したのですが、これから移行する人も多そうなので、移行した時に学んだTipsをここにメモっておきますね。

※ Mac版デスクトップアプリをベースにした説明です。適宜読み替えてくれると嬉しいです。

目次
- Sketch からインポートしたデータはどうなる?
- Symbol はどうなる?
- Override の

もっとみる
クライアントワークにおけるデザインツール導入と主観的おすすめツール 〜2018 冬〜

クライアントワークにおけるデザインツール導入と主観的おすすめツール 〜2018 冬〜

Qiita掲載記事をnoteにもアップしてみるテストです

寒くなってきましたね。(執筆は11月末)
極暖ヒートテックも3年目になるとかなり限界だなと感じる2018年の冬です。

つい先程、丸佳浩外野手が巨人入りを表明しました。(執筆は11月末)
フリーエージェントは立派な権利です。一番評価してくれた球団に移籍するのはある意味当然の選択だと思います。新天地でも頑張ってほしいものです。僕は東京ヤクル

もっとみる
理想のデザインツールとは? -PhotoshopからFigmaへ

理想のデザインツールとは? -PhotoshopからFigmaへ

この記事は Design Tools Advent Calendar 2018 15日目の記事です。

こんにちは。@toi_toi_y です。サイボウズ株式会社で自社プロダクトであるkintoneのデザイナーをやっています。

ところで、最近SketchからFigmaにデザインツールを移行しました。コラボレーション機能最高ですね。
Figmaについてはこちらのまとめが参考になると思います。

もっとみる
いま話題の「Figma」を使ってみた

いま話題の「Figma」を使ってみた

けっこう前から気になってたツールなので、土日の空き時間で使ってみました!ざっくり感想を書きます。

何に使ったか。

まずはどんな使用感なので把握するため、自分が普段よく使うアプリをトレース(めっちゃ雑ですが)してみました。

以前にSketchを利用していたので、どうすれば操作できるかはなんとなく理解できました。Figmaは無料でオンラインでリアルタイムに編集できるそうなので、チームで運用したと

もっとみる