Figma のまとめ

143

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

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

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

なぜ「Figma検定」を作ったのか

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

もっとみる
ありがとう!
32

Figmaのプラグイン「Clean Document」を使ったデザインデータ整理のススメ

こんにちは。

Figma愛溢れるデザイナーのYUCCAです。
みなさんの会社では普段デザインツールは何を使っていますか?

クラウドワークスのデザインDivでは、これまでUIデザインツールはSketchをメイン,Abstractで運用、Figmaは無料の範囲で利用していたのですが、今年の春にSketch,Abstractから卒業し、FigmaPROへ本格的に移行しました!(パチパチパチ👏)

もっとみる
わたしも好きです♡
34

ママリアプリのFigma運用フローを大公開🙌

こんちは😃 デザイナーのなっぴーです。コネヒトでママの一歩を支える情報メディア・アプリ「ママリ」を制作しています。

今のUIデザイン界隈、FigmaでUI制作しているチームをよく見かけるようになりましたね〜。コネヒトのデザインチームも、もともとSketchを使っていましたが、1年ほど前にFigmaに移行しました。

ただ、運用に関しては、まだまだ手探りで進めています。今回は、うちチームのFig

もっとみる
ありがとうございます 😏
115

Figma 黄金比パーツ素材を作った話

ロゴやアイコンを作るときに黄金比のガイドを使いたいなーと思ってたときに、ググってもFigmaで使える素材がなかなか見つからない。。

自分で作ったほうが早そうだったので作ってみた。
そして、これをオープンなFigmaの素材として公開しているので、ComponentやInstanceを読み込んで好きに使っていただければと!

黄金長方形

フィボナッチ数列である、1, 1, 2, 3, 5, 8,

もっとみる
ありがとうございます🤩
13

Figma Organization planを導入してみてわかったメリットと注意点。

こんにちは。ちゃんあべことあべです。

少しづつ、noteを書くことにも慣れてきました。慣れてきた結果、「いいね」をもらうと、すぐに通知をみちゃうパブロフの犬状態です。

このパブロフの犬ですが、よく知られている話は、餌を与える時に、他の刺激(刺激A)を与えるようにしていると、餌がなくても刺激Aを与えると、餌をもらえるように勘違いし、よだれをたらすというものです。
(めっちゃはしょってます)

もっとみる
WOW!ありがとうございます!😍
21

Figmaを活用したオンラインワークショップの場づくり

こんにちは、デザイナーの佐野大河 @sn_taiga です。

先日、クックパッドの春のインターンシップをオンラインで開催しました。

実施内容についてはこちらをご覧ください👀

自分はデザイナー向けコースの全体設計と当日の講師を担当しました。

自分自身ワークショップの設計は初めてで、かつ、オンラインのインターンシップ開催は社内では初だったこともあり知見も少なく、色々と悩み試行錯誤しました。

もっとみる
◝('ω'◝) ⁾⁾ ₍₍ (◟'ω')◟ ⁾⁾
47

【FigmaのAuto Layoutをマスターしよう vol.4】 カード型記事リスト

今回は記事一覧に使われることが多いカード型のリストを作りたいと思います。
第1回から今回まででAuto Latoutの基本的な設定をひと通りマスターできます!

並び位置の基準(Alignment)の設定値について

今回作っていくのはこのようなリストです。
サムネイルと本文は幅いっぱい、日付は左揃え、ボタンは右揃えになっています。

Auto Layoutでは子要素に対して並び位置の基準(Ali

もっとみる
ありがとうございます!うれしい!
7

Figmaで完結するDESIGN SPRINT

この記事は2019年11月26日に作成した記事です。

こんにちは、Malaysia在住のデザイナー兼デザインプログラムマネージャーの岡です。

今回は新規事業のプロトタイピングとユーザーテストをFigma上でDESIGN SPRINTを行い一週間で素早くやったよという話です。

今年の春頃から新規事業開発室ではワークショップやディスカッションを重ねて数十個の事業コンセプト作りました、その中から

もっとみる

【Figma×Zoom】オンラインワークショップを開催しました!

Design College 運営のてっちゃん(@_tetchann)です。先日開催された完全オンラインワークショップについてレポートを書きます✍️

ワークショップについて

■ テーマ
「デザインで新型コロナを解決せよ」
新型コロナウイルスの感染拡大による影響は、留まる所を知りません。そんな社会への影響をあなたのデザインで解決してみませんか?

■ 開催日時
4月18日(土)14:00~16:

もっとみる
今日のフォントは Helvetica!
45

Figmaでつくるデザインシステム設計#4 Organisms〜Templates

はじめに

今回は、Organism〜Templateの作成について解説します。要素を集めて整形するフェーズとなります。また作成してきたコンポーネントに対して具体的な機能を付与することができるフェーズでもあります。UXデザインにおいても重要なポイントとなります。

Atom/Molecule/Organismについては前回の記事を参照していただければ幸いです。

Templateについて

Tem

もっとみる
<(_ _*)> ありがとうございます。
8