WWW無人速報

Figmaってエンジニアも使えるの？ デザイナーの人だけが使うものだと思ってた

最近はエンジニアもFigmaを使うのが主流になってきてる デザインとの連携がスムーズになるからな

>>11 そうなんだ でもエンジニアがFigmaを使うメリットってなに？

>>15 デザインデータからいろいろ情報を見られるから わざわざデザイナーに聞く手間が省ける

>>15 コードを書き出す機能もあるから それを使えばコーディングが楽になるよ

>>30 なるほど

最近はデザインとエンジニアリングの境界線がなくなってきてるから エンジニアもデザインツールを使いこなせると強い

Figma使い始めたんだけどプラグインがたくさんあって迷う おすすめのプラグインある？

>>59 プラグインはたくさんあるけど エンジニア向けだと「Figma to Code」がおすすめ

>>60 どんな機能があるの？

>>63 デザインデータから HTML/CSSのコードを自動生成してくれるプラグインだよ

>>69 それは便利そう コーディングの手間が省けそうだね

>>75 ただ自動生成されたコードをそのまま使うのはおすすめしないけどね

>>76 どうして？

>>82 自動生成されたコードは冗長だったり 命名規則がイマイチだったりするから あくまで参考程度に使うのがいいよ

>>88 じゃあ自動生成されたコードをベースにして 自分で手を加えていくのがいいのか

>>90 そうだね でも自動生成された時点である程度のコードが出来上がってるから それなりに効率化にはなるよ

他におすすめのプラグインってある？

>>109 「Figma Measure」は便利だよ Figmaのデザインデータから 要素間の距離やサイズを測定してくれるプラグイン

>>118 それは助かりそう デザインを再現するときに ピクセル単位で寸法がわかると正確に作れそうだね

>>124 そうそう あとは「Figma Redlines」っていうプラグインもおすすめ

>>128 どんな機能？

>>134 デザインデータに 寸法線やラベルを自動で追加してくれるプラグインだよ スペックを書き出すのに便利

>>141 それは良さそう スペック作るの結構大変だからね 自動化できるなら助かる

>>144 プラグインを使えば 結構色んな作業が自動化できるから エンジニアの人もFigmaを使い倒すのがいいよね

Figmaのコンポーネント機能って使ってる？ 再利用できて便利らしいよ

>>169 コンポーネントか 確かにデザインデータの部品化ができそうだね

>>178 ボタンとかのパーツを一回作っておけば あとから使い回せるから楽だよ

コンポーネントにしておけば デザインの修正もらくになるよ 一箇所直せば全部まとめて修正できるから

>>192 それは便利 修正依頼が来ても 簡単に直せそう

>>198 そうそう エンジニアとしてもメンテナンス性が上がるのは嬉しいよね

Figmaのコンポーネントって プログラミングでいうクラスみたいなもんだよね

>>209 そう考えると エンジニアからしてもコンポーネントの概念は理解しやすいかも

Figmaを使いこなすには デザインの知識も必要だけど エンジニアリングの知識があると理解が早いと思う

>>219 なるほど じゃあFigmaを勉強すれば デザインの理解も深まりそうだね

>>225 デザインの理屈がわかれば コーディングもしやすくなるよ Figmaを使いこなして エンジニアとしてのスキルを上げてこ