マガジンのカバー画像

Figmaとデザイン

35
運営しているクリエイター

#figma入門

【2020年版】リアルに作業を超効率化してくれたFigmaの必須プラグイン10選!!

【2020年版】リアルに作業を超効率化してくれたFigmaの必須プラグイン10選!!

今回は年末ということもあり、2020年に仕事でリアルに使い倒しまくったFigmaのプラグインを10個に絞ってまとめてみました!

こちらの記事はデザインの制作スピードをあげたい人向けに書いています。そのため一見面白そうだし革新的だけど実際コレどこで使うの?みたいなプラグインは今回あえて紹介してません。全てリアルに仕事の中で使い倒しているスタメンのプラグインのみに絞っています。

では早速紹介してい

もっとみる
Figmaのframeとgroupの違い

Figmaのframeとgroupの違い

前回のFigmaに関するnoteがバズったので調子に乗ってまたFigma関連の記事を書きたいと思います。

前回の記事↓

私がSketchからFigmaに切り替えた時に最初に「ファッ?」ってなったのが、frame(フレーム)とgroup(グループ)の違いです。

みなさん、なんとなくでやってませんか?
実は似て非なる機能を持つ、frameとgroup。今回はこの二つの違いについて徹底的に解説して

もっとみる
【Figma】入れておくと便利なアセットまとめ

【Figma】入れておくと便利なアセットまとめ

こんにちわ!現在大学3年でモスティープレイスという会社でデザイナーのインターンをしています、田島美鈴 @abcmisuzuです。

この記事では、Figmaというツールで使える便利なデザインのアセットを紹介していきます。

最近UIツールをSketchからFigmaに移行し、情報収集をしていたのですが、日本語のプラグインなどのまとめ記事はあってもアセットの記事は見つけられなかったのでまとめてみまし

もっとみる
Figma FAQ 、 よくある質問  #02

Figma FAQ 、 よくある質問 #02

どうもです、Figma が気になるみなさん。
Figma コミュニティでの質問 & 回答まとめシリーズ 2 本目です。
今回は『知ってると便利 10 選』です。

#01 の『意外と知らないこと 10 選』も合わせてどうぞ。

Q1. 同じ位置にオブジェクトをコピペしたい

・オブジェクトをコピー
・ペースト先のFrame を選択
・ペースト

資料のタイトルや、UI ボタンを同じ位置におきたい

もっとみる
Figma FAQ 、 よくある質問  #01

Figma FAQ 、 よくある質問  #01

どうもです、Figma が気になるみなさん。

Figma コミュニティで色々質問 & 回答いただきました。
なんと約 60 種類!知らなかった解決策とか発見できて楽しいですね。
Slack だと流れていってしまうので、よくある質問や便利と思った解決策をまとめていこうと思います。

今回のテーマは始めたてに引っかかる『意外と知らないこと 10 選』です。

Q1. オブジェクトとオブジェクトの隙間

もっとみる
Figmaのオートレイアウトを完全に理解した話

Figmaのオートレイアウトを完全に理解した話

どーもーUI/UXデザイナーのうっくんです。
 ちょっと前にFigmaにオートレイアウトという機能が追加されました。

最初は、「おー、ボタンの長さがテキストに追従して変えられるのかー」としか思ってなかったのですが、実際に使ってみると実はもっと強力な機能でした。

オートレイアウトの基本機能。コンテンツの大きさに応じて、コンテナの大きさが変わる。今までは、いちいち赤い背景の部分もデザイナーがリサイ

もっとみる
FigmaにAuto Layoutが来た!

FigmaにAuto Layoutが来た!

こんにちは、ふじけん(@kenshir0f)です。
FigmaにAuto Layoutが来て早速触ってみたので、その機能をご紹介します。
今回は、チュートリアル読む前にさっと機能だけを知りたい方向けに書きました。

Auto Layoutとは?テキストの長さや要素の数によって、自動的にそのオブジェクトのサイズが変わる便利な機能です。
テキストの長さを変えるたびに、その背景やボタンの位置を変えていた

もっとみる
Figmaでつくるレイアウト(サンプル付) Google Sheet SyncとAuto Layout編

Figmaでつくるレイアウト(サンプル付) Google Sheet SyncとAuto Layout編

Figmaプラグインの「Google Sheet Sync」と、Auto Layout機能を組み合わせることで効率的なテキストレイアウトが実現します。

準備するもの
Google Sheet SyncSpread Sheetを流し込むためのFigmaプラグインです。

Google Spread Sheet

入力の仕様:一行目は、Tile、Captionなど、後述するFigmaのレイヤー名と一

もっとみる