マガジンのカバー画像

Figma のまとめ

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

Yoko Nishida

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

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

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

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

Afford

もっとみる
阿比留慎太郎

阿比留慎太郎

Co-Creationしながら、ワイヤーフレームを作るなら、sketchよりcacooの方が便利！

ワイヤーフレームを作成するツールとしては、一般的には、sketchやAbode XD が有名ですよね。また、ちょっとエッジの立ったデザイナーなら、 Figma(sketchをクラウドベースにしたようなアプリ)を使ったりしていることでしょう。

チームの知恵を引き出しながら協創的にワイヤーフレームを作る場合、UXの専門家以外もワイヤーフレーム作りに参加することになります。

その場合、上記のアプリだ

もっとみる
HikaruTayama

HikaruTayama

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

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

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

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

Slack の内容？基本操作が

もっとみる
akiconute

akiconute

Figmaでボックス間の余白をシュッと揃えることができる簡単なショートカットがあった

Figmaでボックス間の余白をシュッと揃えることができる簡単なショートカットがあった



Beforeのように縦方向の余白が一定じゃないボックスのグループがあったとして、それらを全部選択し、Ctrl+cmd+Tを一発実行。上下余白が30に揃ったグループが完成した。便利。

akiconute

akiconute

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

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



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

前記事から続くが、

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

もっとみる
SONICJAM

SONICJAM

デザインツール「Figma」をデザイナーがさわってみた件

デザインツール「Figma」をデザイナーがさわってみた件

こんにちは、SONICJAMデザイナーの濱川です。

昨今、プロトタイプやUI制作に関わるツールが賑わってますね。

SketchやXDや最近のinvisionStudioなど、画面を描くツールは色々とありますが、Figmaというツールが個人的に便利だったので、ご紹介したいと思います。

Figmaについて少し触って見たところ、SketchやXDに使用感は似ています。
できることもそこまで大きく違

もっとみる