マガジンのカバー画像

Figma のまとめ

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

#デザインブログ

Figmaの使い方を紹介|ショートカットキーリスト無料配布中

Figmaの使い方を紹介|ショートカットキーリスト無料配布中

スマートキャンプでは、Figma(フィグマ)というビジュアルコラボレーションツールを使用しています。

Figmaは素早く作れて、すぐにコラボレーションできるツールです。
その恩恵をさらに受けるために、効率化のためのショートカットキーリストを作りました!🎉

このショートカットキーリストを見ることでFigmaの使い方を学ぶことができるので、ぜひ使い始めの方も見てください。

自分用に作ったものだ

もっとみる
Atomic Design と Figma の組み合わせでデザインが便利になる|デザインシステムの作り方

Atomic Design と Figma の組み合わせでデザインが便利になる|デザインシステムの作り方

スマートキャンプデザインブログ、デザイナー/エンジニアのhaguriです。

ユーザー体験の統一化のために大切な「デザインシステムの作り方」について紹介します。(スマートキャンプでもまだまだ模索中......)

スマートキャンプでは、インサイドセールスに特化したCRM「Biscuet(ビスケット)」という新サービスを発表をしました。

まだ開発中のサービスですが、このBiscuet(ビスケット)

もっとみる
Figmaを導入して変わった5つのこと|使い方・事例・記事まとめ

Figmaを導入して変わった5つのこと|使い方・事例・記事まとめ

スマートキャンプデザインブログ、Designer / Engineer のhaguriです。

スマートキャンプでよく使用するデザインツールにFigma(フィグマ)というツールがあります。過去にも数回、Figmaに関する記事を書いてきました。

Figmaの導入後からしばらく経ち、会社全体で5つの変化が生まれました。
今回はFigmaによるコラボレーションやデザインワークの変化について、スマートキ

もっとみる
【全12問】エンジニア向けFigma検定|上級まで解けたらFigmaマスター!

【全12問】エンジニア向けFigma検定|上級まで解けたらFigmaマスター!

スマートキャンプ デザインブログ デザイナーの髙松です。

今回は、社内でエンジニア向けの「Figma検定」というものを作ったので、なぜ作ったのか、どういう検定なのかについてお伝えします。

なぜ「Figma検定」を作ったのかスマートキャンプでのWebデザインの実装は、共同作業も含みますが、
①デザイナーがFigmaでデザイン
②エンジニアがFigmaを見ながら実装していく
という流れになっていま

もっとみる
Figmaを利用した資料デザインが便利!導入手順を解説します!

Figmaを利用した資料デザインが便利!導入手順を解説します!

スマートキャンプデザインブログ、花岡です。

「資料作成ツールといえばPowerPoint」は今も根強く、多くの企業が利用していると思います。私もそう思っていましたが、デザインツール「Figma」と出会ってから、「Figmaは資料作成に向いているのでは?」と思いはじめました。

Figmaを使って、きれいかつ効率的に資料を作成する方法ををご紹介します。

Figmaで資料作成するメリット

Pow

もっとみる
初心者におすすめのFigma教材|動画・記事・サイトなどまとめ

初心者におすすめのFigma教材|動画・記事・サイトなどまとめ

スマートキャンプ デザインブログ デザイナーの大瀧です。
先日、マネーフォワードからスマートキャンプに出向し、覚えることも多く忙しい年明けを過ごしています。

出向にあたってデザインツールのFigma(フィグマ)を使用することなりましたが、私はほとんど触ったことがない初心者で、無料で学べる学習教材を色々と試してみました。

なので今回のブログでは、デザイナー大瀧が実際にFigma学習に使ってみて、

もっとみる
Figmaで『巻物スライド』 |プロセスを理解しやすい映像風プレゼンに 🎬

Figmaで『巻物スライド』 |プロセスを理解しやすい映像風プレゼンに 🎬

スマートキャンプ デザインブログ UI/UXデザイナーの髙松です。

スマートキャンプでは、UIやバナー、資料まであらゆるものをFigmaでデザインしています。Figjamの登場によってディスカッションの場もFigmaに移り、全てをFigmaに集約する動きがますます加速しているこの頃です。

過去にもFigmaでの資料作成に関する記事を出していますが、今回はFigmaで作る資料バリエーションの一つ

もっとみる
Figmaのすごい新機能7選|最新30アップデート情報より厳選(2021.6.17時点)

Figmaのすごい新機能7選|最新30アップデート情報より厳選(2021.6.17時点)

こんにちは!スマートキャンプデザイナーの柿澤です。

6月17日にFigmaから機能アップデートの発表がありました。
30ものアップデートがあり、調べてみるとデザインの作業効率がぐっと上がる新機能がいくつも増えていました。

この記事ではその30個の新機能の中でも「個人的にいいな」と思った7つのアップデートについて紹介していきたいと思います!

▼公式Twitterでのアップデート発表

① St

もっとみる
Figma姉さんの7つの小言|よいデータ作りの知恵袋

Figma姉さんの7つの小言|よいデータ作りの知恵袋

スマートキャンプデザインブログ、プロダクトデザイナーのdreamです。
好きなデザインツールは「Figma」です。

3年前にデザイナーへの転向を決めてから今日まで頑張れているのも、ジョブチェンジと同時に使い始めたFigmaに助けられた側面が大いにあります。

デザインツールとしてのシェアが広がり、Figma人口が増えていることは本当に嬉しいことです。私も人のFigmaデータを見せてもらったり、使

もっとみる
Figmaのおすすめプラグイン7選 | フォトショ、イラレはもう不要!?

Figmaのおすすめプラグイン7選 | フォトショ、イラレはもう不要!?

こんにちは、スマートキャンプデザイナーの柿澤です。

最近はめっきりPhotoshopとIllustratorを開く機会が減ってきました。
というのもFigmaのプラグインを活用することでPhotoshopやIllustratorでしかできなかったことが徐々に少なくなってきているからです。

個人的にPhotoshopやIllustratorは動作が重いためあまり開く気にはなれず...
多くのこと

もっとみる