マガジンのカバー画像

Figmaで作るデザインシステム設計 2010年度版

4
本
Figmaでデザインシステムを作るプラクティスを掲載しています。
運営しているクリエイター
Toshiyuki Katsube

Figmaでつくるデザインシステム設計#3 Molecules〜Organisms

はじめに今回はFigmaのアセット利用して、Molecules〜Organismまでを作成します。Atomic Designについて、また各要素について引き続き解説します。 #1 Figmaでつくるデザインシステム Atomsまでの解説はこちらから #2 Atoms〜Moleculesまでの解説はこちら MoleculeのおさらいMoleculeとはAtomとAtomを組み合わせたものです。Atoms/Button/Primary（基本ボタン）とAtoms/Button

Toshiyuki K…

Figmaでつくるデザインシステム設計#4 Organisms〜Templates

はじめに 今回は、Organism〜Templateの作成について解説します。要素を集めて整形するフェーズとなります。また作成してきたコンポーネントに対して具体的な機能を付与することができるフェーズでもあります。UXデザインにおいても重要なポイントとなります。 Atom/Molecule/Organismについては前回の記事を参照していただければ幸いです。 Templateについて TemplateとはAtom、Organismを複数組み合わせたものであり、ページの骨格を

Toshiyuki K…