マガジンのカバー画像

Figma のまとめ

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

#figma

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

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

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

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

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

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

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

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

もっとみる
Sketch ファイルを Figma にインポートしてみた

Sketch ファイルを Figma にインポートしてみた

古すぎる記事なので、よりオススメの記事を貼っておきます。

----- 以下読まなくて大丈夫です -----

Figmaの主な弱点をあげるなら、プラグインやUI kitが少ない点でしょう。
いくら同時編集機能がすごいとはいえ、実際Figmaを使おうと思ったら
「iOSの標準パーツ使いたいだけなのにイチイチ書きたくない」とか
「仮にSketchから移行したら、昔のファイル使いたい時トレースするの?

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

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

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

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

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

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

そんなわけで、Figm

もっとみる

導入のためのPrototype tools比較(InVision/Figma/Adobe XD)

諸般の都合で一回現時点の比較検討をした方が良さそうだったので、ざっと調べてみました。気が向いたら随時アップデート予定。

いやいやこっちのが絶対いいから!!的なご意見あればお待ちしております。助かります。

## InVisionhttps://www.invisionapp.com/
価格表: https://www.invisionapp.com/plans
フォーラム: https://su

もっとみる
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は制限なく招待できます。

こちらの記事

もっとみる
開発スピードを上げるため、Sketchを辞めてFigmaに移行した話

開発スピードを上げるため、Sketchを辞めてFigmaに移行した話

はじめまして、ふじけん(@kenshir0f)と申します。
普段はモバイルアプリを主としたサービス開発のデザイナーを担当しております。

業務ではSketchを使ってアプリのUIを組んでいるのですが、
先日チームの開発体制を見直すときにFigmaというデザインツールに移行しました。
Figmaに乗り換えるに至った経緯やプロコンなど、ざっくりまとめてみます。

なぜsketchから乗り換えた

もっとみる
Sketch + Zeplin から Figma に移行したら快適だった!!

Sketch + Zeplin から Figma に移行したら快適だった!!

デザインツールをSketch + ZeplinからFigmaに移行しました。
Figmaへの移行を迷われている方も多いのではないかと思い、「なぜ移行したのか、移行する際にどのような負担が発生したか、移行して何が良かったか」などをシェアしたいと思います。

移行したキッカケ移行したキッカケは、とあるエンジニアに「Figma絶対にイイですよ!導入しましょう!!」と力強い意志をもってゴリ推しされましたw

もっとみる
Figma 相談コミュニティ作りたくないですか?

Figma 相談コミュニティ作りたくないですか?

どうもです、Figma ユーザのみなさん。

同僚に教えてもらったのですが、海外には Figma の Local コミュニティ?があるようです。パット見、日本はまだないようですね。

Figma がイマイチ日本で流行しないのは、やはりコミュニティやチュートリアルの薄さが原因でしょうか?

そこで日本でも気軽に相談できるコミュニティがあったら良いなと検討中です。(Spectrum があるけど英語で敷

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

Adobe信者がみたFigmaの夢

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

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

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

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

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

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

もっとみる
Figma 相談コミュニティ作りました!!

Figma 相談コミュニティ作りました!!

どうもです、共同編集デザインツール Figma が気になるみなさん。

作っちゃいました、日本語で Figma の相談や Tips を共有できる Slack 。
デザイナさんだけでなく、エンジニアさんや PM の方など一緒に Figma したい人は是非。また Slack だけだと情報が流れていってしまうので、Notion でメモすることにしました ↓ ↓ ↓ ↓

Slack の内容?基本操作が

もっとみる
Figmaで余白値を固定したままある選択されたボックスの高さを変えることができる希望

Figmaで余白値を固定したままある選択されたボックスの高さを変えることができる希望



機能と入力するつもりが希望と打ってしまった。素だ。

前記事から続くが、

選択された縦方向のボックスグループにctrl + cmd + Tを実行すると上下余白値の等しいレイアウトを作成することができる。そうなった状態でもう一度ボックスを選択すると、それぞれの図形の真ん中に◎記号が見える。この◎を複数選択し、高さを変えてみると、上下余白は一定のママ、選択したボックスのみ伸縮する事ができるように

もっとみる