こんにちは、株式会社CINC開発本部です。 今回は、プロダクト開発の効率を高めるため、Figmaを活用したデザイン管理の改善に取り組んだ事例をご紹介します。
目次 はじめに 属人的なデザイントークン管理の問題点 手動管理の限界 命名規則の不一致 解決方法の検討 実装 Figmaプラグインの作成 StyleDictionaryの設定 改善後の状況 自動化による効率化 命名規則の統一 学んだこと 今後の展望 おわりに はじめに こんにちは、STARTUP DB(SDB)の開発をしている杉谷です。 私含めSDBチームでは、デザイナーとエンジニアが密に連携しながらプロダクト開発を進めています。 その中で、「デザイントークンの管理」という課題に直面し、改善に取り組んできました。 フロントエンド開発において「デザインの意図を正確にコードに反映する」ことの重要性…
こんにちは、カイポケ開発部の城内と、株式会社グッドパッチUIデザイナーの乗田拳斗です。 現在、エス・エム・エスはグッドパッチと介護/障害福祉事業者向け経営支援サービス「カイポケ」のリニューアルプロジェクトを行っています。今回は本リニューアルプロジェクトにて行っているエンジニアとデザイナーの連携についてご紹介します。 エス・エム・エスとグッドパッチの取り組みについてはこちらのブログもご覧ください。 goodpatch.com 背景 カイポケは15年以上の歴史の中で介護事業のさまざまなサービス種類に対応を進め、現在は4万を超える事業所へサービスを提供しています。 高齢化が進む日本社会では、介護領域…
こんにちは、決済認証システム開発事業部の飯髙です。 普段はAndroidアプリ開発に携わっています。 最近はアプリ勉強の傍ら、Figmaを利用してデザインの勉強を進めております。 なやんだこと
figmaっていうのが重宝されてて、これで会社のみんなホームページのそんなに動かないやつ作ってからホームページにするのよ(過激派)。ただ私ホームページを作るんだったらもうWebfow(HPつくれますよツール)とかに直接書いちゃえばいいじゃんて思ってたんだよね。ワイヤーフレームとか言うわざわざ動かないものって何でやるんだろう(雑)。 調べてわかったのは、直接書いちゃえばいいのはは1人で作業するときの話であって、複数人でホームページを作るときにはfigmaが役に立つって話だった(当然)。というのもワイヤーフレームっていうのが実装の前段階でデザインや構造を整理するためのものだって話だったんだよね。 …
あけましておめでとうございます！ 春・夏・秋・冬、季節は巡り…… こうしてまた新しい年のご挨拶をすることが叶いました。 それもこれも、いつもお付き合い下さっている読者の皆様柄のご愛顧の賜物です。 心からの感謝とともに、謹んで新年のお慶びを申し上げます。 ２０２１年の開設以来、毎度毎度凝りもせず、飽きもせずに好き勝手なことばかり つらつらと書き連ね続けて、ここまで来てしまった拙ブログではありますが…… たぶん、と言いますか間違いなく、今年も変わることなく「そんな感じ」でもって 無軌道に突き進んでいくのはほぼ確定事項かと思います（笑）。、 と言いますか、そこはもう良くも悪くも僕ことさいとうひとしと…
こんにちは、プロモーション・デザインユニット（以下プロモ・デザインU）インハウスWebデザイナーの牧山です。 オプティムでは45以上のWebサイト（コーポレートサイトおよび製品サイト）を自社で制作・運営しています。 これらのサイトは主にAdobe XD（以下、XD）を使用してデザイン制作を行ってきました。 このたび、XDからFigmaへの移行プロジェクトを実施しましたので、 デザインデータ移行の実践例として、その取り組みについて説明します。 プロジェクト概要 移行対象 Webデザインデータ 対象ファイル数：28件 総ページ数：274ページ Webサイトのデザインシステム（新規制作） プロジェク…
2024年版のTVアニメ「狼と香辛料 MERCHANT MEETS THE WISE WOLF」より、賢狼「ホロ」が、グッドスマイルカンパニーから「figma」でアクションフィギュア化♪ 表情パーツは、「笑顔」「元気顔」「にやにや顔」の全3種♪ その他、「林檎」「籠入り林檎」等が付属。 フィギュアのサイズは、 ノンスケールの全高：約15cm。 原型制作は「浅井真紀」（マックスファクトリー）。 （※敬称略） figma『ホロ』狼と香辛料 MERCHANT MEETS THE WISE WOLF 可動フィギュアは、グッドスマイルカンパニーより2025年11月発売の予定です♪ 【Amazon】ねんど…
「初音ミク GTプロジェクト」より、イラストレーター「モグモ」氏デザインの「レーシングミク 2024」が、グッドスマイルレーシングから「figma」でアクションフィギュア化♪ 【figma レーシングミク】に、 「figma レーシングミク 2024ver.」が登場♪ 表情パーツは、「笑顔」「ウィンク顔」「目閉じ笑顔」の全3種♪ オプションとして、「箒型マイク」などが付属♪ フィギュアのサイズは、 ノンスケールの全高：約16cm（帽子を含む）。 原型制作は「越沼真司」「佐藤直樹」（マックスファクトリー）。 （※敬称略） figma『レーシングミク 2024ver.』初音ミク GTプロジェクト …
Merry X'mas！ 今年もやって参りました、年に一度の聖なる夜。 読者の皆様方も、どうぞ素敵な時間をお過ごし下さいますよう……。 ガールズ&パンツァー 最終章(上) 作者:鈴木 貴昭,株式会社アクタス KADOKAWA Amazon アハトゥンク・ガールズ&パンツァー3: 『最終章』第1話~第3話編 大日本絵画 Amazon ガールズ＆パンツァー もっとらぶらぶ作戦です！ ２２ (MFコミックス アライブシリーズ) 作者:弐尉 マルコ KADOKAWA Amazon パンツァーアナトミア 『ガールズ&パンツァー』戦車プラモ解体新書 作者:藤田幸久 大日本絵画 Amazon ランキング参加…
