マガジンのカバー画像

Figma のまとめ

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

#デザイナー

いなげ

いなげ

18.09.25 デザインツールのFigmaがよさそう

18.09.25 デザインツールのFigmaがよさそう

いまさらに知ったデザインツールのFigmaがよさそう。

なんでよさそうと思ったかワイヤー作成から実装までにに複数のツール使用して、閲覧や編集できる人が限られてるのってチーム開発する上でかなり問題かも。（Google Slide/Sketch/Zeplin/Invision...etc）

これが1つで済んで、メンバーが1つの場所を見ればいつでも最新を確認&口出しできる世界ができたら最高そうだな。

もっとみる
Shin Nagoya

Shin Nagoya

Figmaで「オセロ」やってみた。

Figmaで「オセロ」やってみた。

こんにちは！都内の某メガベンチャーでUXデザイナーをしているなごしん と申します。

1月、札幌から東京へ転職で引っ越して来ました。札幌では受託制作会社でWebデザイナーとして働いていました。好きな食べ物は、スープカレーと室蘭カレーラーメンです。

さて、僕の所属しているチームでは今流行りのFigmaを導入しており、ガリガリUIデザインに使っています！

Figmaとは、ご存知の方も多いとは思いま

もっとみる
Spacemarket Design

Spacemarket Design

Figma でざっくり作るプロトタイピング

Figma でざっくり作るプロトタイピング

こんにちは、スペースマーケット デザインチームの伊東です。

現在スペースマーケットの UI デザインは Figma で行っています。以前は Adobe XD や Sketch を使っていたのですが、わりと最近になって移行しました（デザインツールに関して、導入を決めたきっかけやメリットに関しては改めて記事として投稿できれば幸いです）。 

私自身、スペースマーケットに入社してから初めて Figma

もっとみる
あか理＠デザイナー

あか理＠デザイナー

figmaで使えるサービス資料テンプレート配布します

figmaで使えるサービス資料テンプレート配布します

お金の健康診断の資料を  (パワポがあまりにも無理すぎて）Figmaで作り直したんですが、tweetしたら需要がありそうだったのでベースとして使えそうなテンプレート配布しますね。

・同じソフトウェアを使うことでデザインファイルと連携しやすい
・デザイナーが見た目を調整しやすい
・ソフトウェア自体が無料、GoogleFontが使える
・オンラインで共有可能、コメントによるレビュー可能

あたりの理

もっとみる
駒ヶ嶺 亮一

駒ヶ嶺 亮一

XD→Figmaに変えた理由とその運営方法やメリットについて

XD→Figmaに変えた理由とその運営方法やメリットについて

こんにちは、COUNTERWORKSの駒ヶ嶺(@Koma_Studio)です。

弊社では今までXDを用いたUI制作を行っていましたが、今年の3月に入ってからFigmaの試験運用を始め、現在は本格運用を始めました。

今回はどのような背景がありXDからFigmaに移行したのかを紹介するとともに、どのように導入を進め、現在はどのように運営をしているのか書いていこうと思います。

導入背景1. デザイ

もっとみる
綿貫 佳祐 / Qiita

綿貫 佳祐 / Qiita

FigmaのAuto Layoutを活かしてUI Kitを作った話

FigmaのAuto Layoutを活かしてUI Kitを作った話

※このnoteは12/15に開催される名古屋デザインLT会 vol.2で発表する内容です。LTのスライドや台本を公開しています。

※と、同時にFigma Advent Calendar 2019の15日目にも投稿します。

※Figmaのデータはここで公開しています

はじめに自己紹介

エイチームライフスタイルでシニアデザイナーをしています、綿貫佳祐と言います。今日はよろしくお願いします。

もっとみる
綿貫 佳祐 / Qiita

綿貫 佳祐 / Qiita

Figmaのスターター教材を作った話

Figmaのスターター教材を作った話

このnoteはFigma Advent Calendar 2019の24日目の記事です。

タイトルで完結しています、スターター教材を作りました。以下のURLからアクセスできますので是非Duplicateして使ってください🙏

スタイルやコンポーネント - 基礎編
https://www.figma.com/c/file/791086834162158183

スタイルやコンポーネント - 実践

もっとみる
Funakoshi Kiyomi

Funakoshi Kiyomi

【職種の壁を突破せよ！】社内でノンデザイナーズFigmaの会を開催しました！

【職種の壁を突破せよ！】社内でノンデザイナーズFigmaの会を開催しました！

こんにちは！UIデザイナーの船越聖美(ふなこしきよみ)です。最近絹ごし豆腐にめかぶをかけて食べることにはまっています。
そんな和食嗜好の私ですが、現在掛け持ちで複数社でUIデザイナーとしてお手伝いさせていただいています。

今回「ノンデザイナーズのためのFigmaの会」と称してスタートアップ企業タビアン株式会社で90分のFigma講座を開催しました💡

参加者の皆さんから好評いただき、私自身

もっとみる
てっちゃん

てっちゃん

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

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

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

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

■ 開催日時
4月18日（土）14:00~16:00

もっとみる
もち | CDO・デザイナー起業家

もち | CDO・デザイナー起業家

【2020年 総復習】Figmaに関するツイートまとめました！

【2020年 総復習】Figmaに関するツイートまとめました！

今年はFigmaに関するツイートやコンテンツをいっぱい発信しました！一気にまとめて見たいというお声もチラホラもらっていたので、2020年のうちに記事としてまとめてみました。是非年末年始の空いた時間に復習がてら見てもらえると嬉しいです♪

⭐2020年リアルに使いまくったプラグイン10選⭐figmaのショートカット早見表（完全版DLリンク付き）

▼完全版のDLはこちらからどうぞ！

⭐figmaの

もっとみる
saitokensuke

saitokensuke

Figmaに慣れるならカタンしか勝たん件について

Figmaに慣れるならカタンしか勝たん件について

スタートアップテクノロジー・デザイン部の齋藤です！

弊社でもリモートワークを中心に仕事をすすめるようになって、かなりの期間が経ちました。

コミュニケーション機会の減少などを危惧して、いろいろと試行錯誤をしてきましたが、ただ雑談しましょうと集まるだけではなんだかツラい、、、
であるならば、なにか別の目的があればどうだろう？という話から、ゲームを通じて社内でのチームワーク向上させるイベントなども開

もっとみる
Pentagon, Inc -水谷-

Pentagon, Inc -水谷-

【Figma】無料プランのデザイン運用ルール

【Figma】無料プランのデザイン運用ルール

こんにちは、株式会社PentagonでCDO / デザイナーをしている水谷です。

本日のnoteは、最強のUIデザインツール「Figma」のデザイン運用について考えてみましたので、ご紹介したいと思います。

Figmaって？FigmaはUIデザインやワイヤーフレーム作成の際に使用するデザインツールです。UIデザインツールは他にもAdobe XDやSketchなどがメジャーですが、Figmaはイン

もっとみる
ビザスク デザインチーム

ビザスク デザインチーム

Figma×AfterEffectsでプロトタイピング

Figma×AfterEffectsでプロトタイピング

メンバー紹介で漫画大好き!って紹介されていた、デザイナーの稲葉です。
漫画も大好きなんですが、チュートリアルも大好きです。

みなさんプロトタイプどんなツールで作ってますか？
Figma、Adobe XD、Framer、ProtoPie、コーディング。いろいろ方法はありますが、細かい動きがつけられなかったり、コーディング勉強しないといけなかったり、そもそも会社でツール導入のハードル高かったり、どの

もっとみる
raihara3

raihara3

Figmaのブックマークプラグインを作ってみた

Figmaのブックマークプラグインを作ってみた

最近Figmaのプラグイン、figmarkを作ったので紹介させてください。

大規模になったFigmaのデータを触っていて、こんなことありませんか？
・ページの行き来が多くて迷子になる
・よく確認する場所をよく見失う

そうだ、コンポーネントをブックマークできるプラグインを作ろう。

figmarkを作りました。

使い方は簡単！1. 公式からfigmarkをインストール
2. Figmaの何もな

もっとみる