マガジンのカバー画像

figma

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

#デザインブログ

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

スマートキャンプデザインブログ、デザイナー/エンジニアのhaguriです。 ユーザー体験の統一化のために大切な「デザインシステムの作り方」について紹介します。(スマートキャンプでもまだまだ模索中......) スマートキャンプでは、インサイドセールスに特化したCRM「Biscuet(ビスケット)」という新サービスを発表をしました。 まだ開発中のサービスですが、このBiscuet(ビスケット)のデザインシステムの考え方を紹介していきます。 上記のランディングページ(LP

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

スマートキャンプデザインブログ、花岡です。 「資料作成ツールといえばPowerPoint」は今も根強く、多くの企業が利用していると思います。私もそう思っていましたが、デザインツール「Figma」と出会ってから、「Figmaは資料作成に向いているのでは?」と思いはじめました。 Figmaを使って、きれいかつ効率的に資料を作成する方法ををご紹介します。 Figmaで資料作成するメリット PowerPointに負けないぐらい、Figmaには資料作成に向いた機能がたくさんあり

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

スマートキャンプ デザインブログ デザイナーの大瀧です。 先日、マネーフォワードからスマートキャンプに出向し、覚えることも多く忙しい年明けを過ごしています。 出向にあたってデザインツールのFigma(フィグマ)を使用することなりましたが、私はほとんど触ったことがない初心者で、無料で学べる学習教材を色々と試してみました。 なので今回のブログでは、デザイナー大瀧が実際にFigma学習に使ってみて、おすすめしたい教材をまとめてみました。 FigmaとはFigmaの良さはいろい

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

スマートキャンプ デザインブログ UI/UXデザイナーの髙松です。 スマートキャンプでは、UIやバナー、資料まであらゆるものをFigmaでデザインしています。Figjamの登場によってディスカッションの場もFigmaに移り、全てをFigmaに集約する動きがますます加速しているこの頃です。 過去にもFigmaでの資料作成に関する記事を出していますが、今回はFigmaで作る資料バリエーションの一つとして『巻物スライド』のご紹介をしていきます。 成果発表で好評だった『巻物スラ

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

スマートキャンプでは、Figma(フィグマ)というビジュアルコラボレーションツールを使用しています。 Figmaは素早く作れて、すぐにコラボレーションできるツールです。 その恩恵をさらに受けるために、効率化のためのショートカットキーリストを作りました!🎉 このショートカットキーリストを見ることでFigmaの使い方を学ぶことができるので、ぜひ使い始めの方も見てください。 自分用に作ったものだったので「Mac/USキーボード」基準です。 Windowsの方、JISキーボード

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

こんにちは!スマートキャンプデザイナーの柿澤です。 6月17日にFigmaから機能アップデートの発表がありました。 30ものアップデートがあり、調べてみるとデザインの作業効率がぐっと上がる新機能がいくつも増えていました。 この記事ではその30個の新機能の中でも「個人的にいいな」と思った7つのアップデートについて紹介していきたいと思います! ▼公式Twitterでのアップデート発表 ① Stroke(線)の両端を矢印にするのが簡単に!Stroke(線)のパネルで、矢印の