Web・アプリ開発のエンジニアが知っておきたい、デザインツール「Figma」の基本 - JMDC TECH BLOG

JMDCでアプリのデザインを5月から担当しているはんざわです。 Webやアプリのフロント開発者のみなさんはデザインツール Figmaをご存知でしょうか？ JMDCではこれまでAdobe XDをメインで使用していました、今年からFigmaに乗り換えました。 乗り換えに伴い、デザイナー以外のメンバーにもFigmaを操作できるようになるべく、勉強会を開催しました。 勉強会はオンラインで開催。Figmaで資料を作成、参加者に資料を開きながらGoogle Meetを繋げて詳細を説明していきました。 勉強会で使用した資料はFigmaのCommunityにアップしているのでぜひ見てみてくださいね。 www.figma.com エンジニアがFigmaを触れるようになることのメリット 基本知識と基本操作 実装するために使う デザインシステムについて そのほか便利な機能 さいごに エンジニアがFigmaを触れ

[mayumayu_nimolove]

同じことするのに再学習するのめんどくさいからなかなかやらない。これをやるならコレ先にやりたい。そう思って3年が経ちました。順調です。

[kibitaki]

客ウケはXDの方がいいんだけど、学習コストと業務コストのメリットが相殺できるほどあるのか毎回悩んで止まる。

[qawsklp]

これってオタクを炙り出すトラップかなにかか？

[kiririmode]

figmaの機能概要とメリット。デザインシステムについても一部触れてる

[t_lav95]

Storybook までの道のりが単純に長い。React || Vue, styled** etc... を選択してstorybookに吐き出してくれる感じのないですかね。こないだあったけど有料で

[Keisuke69]

AdobeのCC契約しててそれにXD含まれてるからって理由だけでXD使ってたけどそろそろFigmaをちゃんと使ってみるか

[mamimu_memo]

最近ようやくコンポーネントに慣れてきて、便利〜ってなってる。

[mymy-maim]

XDは外部リンクを使用できなくて、ユーザー内で不満爆発している。Figmaは外部リンク対応。

[Derabon]

メモ

[tmayuko312]

AIがコピペできるのでIllustratorをケチりたいお客さんに素材をこれで渡している。例えば日付を変えるだけのために呼ばれるのもね、デザイナー的にも面倒なんだわ。

[kijtra]

XD と Figma 両方使ってると、XD の不便さに気づくんだよねw

[murlock]

ある程度は自力デザインできたら簡単なツールつくるの楽だろうなーと思ったけど結局素養のない人間に使わせても仕方なかった経験

[otchy210]

弊社一時期 Zeplin も使ってたけど、Figma に落ち着いた。仕組み分かってくると色々べんり。

[Shinwiki]

アニメ制作がデジタル化してセルから解放されたのにデジタルでレイヤーの説明に「フィルムを上から見たような感じ」ってなるの、おもしろいね。

[z1h4784]

何度か使ってみては挫折を繰り返してる。デザイナーさんは凄いわ

[surume000]

ふむ！

[daikikohara]

弊社ブログ第二弾はFigmaの記事です。これを機にちゃんと使い方覚えたい。

[haranicle]

デザイナーさんの力作エントリ