マガジンのカバー画像

デザインシステム

30
運営しているクリエイター

#figma

Atomic Design と Figma の組み合わせでデザインが便利になる|デザインシステムの作り方

Atomic Design と Figma の組み合わせでデザインが便利になる|デザインシステムの作り方

スマートキャンプデザインブログ、デザイナー/エンジニアのhaguriです。

ユーザー体験の統一化のために大切な「デザインシステムの作り方」について紹介します。(スマートキャンプでもまだまだ模索中......)

スマートキャンプでは、インサイドセールスに特化したCRM「Biscuet(ビスケット)」という新サービスを発表をしました。

まだ開発中のサービスですが、このBiscuet(ビスケット)

もっとみる
【チームライブラリ活用編】 デザインシステムを #Figma でもっと強くする

【チームライブラリ活用編】 デザインシステムを #Figma でもっと強くする

【まずやること編】 デザインデータをSketchからFigmaにお引越ししよう
もあわせてドウゾ

・・・

ノゾエ(@conoito)です。

今年3月頃に、SketchからFigmaに、UIまわりのデータの移行を行いました。
約半年が経った9月現在、特に大きな問題もなく快適に本運用を行なうことができています。

今日は、Figmaに移行してから行なった、
コンポーネントの整備からスタイルの最適

もっとみる
Sketch × inVision × Zeplin × GitHub(Abstract)からFigma に移行してみて

Sketch × inVision × Zeplin × GitHub(Abstract)からFigma に移行してみて

こんにちは! 株式会社スペースマーケットデザイン部の久保です。

ここ数年はデザインツールの戦国時代と言われるほど世の中には色んなデザインツールがありますが、2019年10月現在のスペースマーケットのデザイン部ではFigma をメインに使用しています。
この4年間でPhotoshop → Sketch ⇔ XD → Figma とスペースマーケットに合ったデザインツールを探して右往左往していました

もっとみる
ファームノートのプロダクト開発におけるデザインシステムの役割

ファームノートのプロダクト開発におけるデザインシステムの役割

もう先月になりますが BtoB のデザイナー勉強会で デザインシステムについて LT をしたので、改めてファームノートにおけるデザインシステムの役割についてまとめてみようと思います。

デザインシステムとはデザインシステムの定義と作成方法、導入事例 より

デザインシステム:デザインの基準やドキュメント、原則に加えて、基準を達成するためのUIパターンやコンポーネントなどのツールキットをすべて備えた

もっとみる