y’all figmaをデザイン作業に使用しますか？私はあなたの多くの人があなたの組織で賭けてくれることをいとわないでしょう。私はまだアドビが書かなければならないという事実に脳を包んでいます a 10億ドル チェック に ない それを取得します。なぜ彼らがそれを望んだのか不思議ではありません。アドビがロック（指のカウント）でそれを持っていた後、デザインソフトウェアに新しい名名があります。

Webを除いて、私には特定の忠誠がないので、Figmaが非常にWebネイティブであることを嬉しく思います。私もそれに感銘を受けました PhotoshopはWebサイトです 今も、Figmaは完全にウェブネスを受け入れています。 Figmaは、Web開発者に焦点を当てた多くのリリースを行ってきました。 変数 大きいようです。 Codepenの卒業生を見るのはクールです Jake Talk Code Connect、あなたを配線する方法 本物 Figma（!!）とのコンポーネント。

彼らの全体は言うまでもありません 開発モード 事は、デザイナーがそこにあるものを建てるのではなく、そこにあるものを消費する開発者のようなFigmaを使用する方法です。

あなたも 建てる フィッマではコンポーネントがあります。しかし、コンポーネントを構築するには、いくつかのバイインコストがあります。ブレア・カルブレスからのこのバンガーのイントロの段落について考えています：

Figmaでコンポーネントを作るのはいつですか？設計プロセスが早すぎると、まだ実験しているときに閉じ込められていると感じます。遅すぎて突然戻ってコンポーネントをすることは大きな取り組みです。

システムレスデザインファイルの永遠の闘争：Figmaのコンポーネントを使用する習慣に入る

ブレアが言うことを超えて素晴らしいアドバイスはありません。私はすぐにヘッダーとフッターのコンポーネントを作ることに関する彼女のアドバイスが本当に好きです。少なくともあなたはそれをあなたのために持っているでしょう。その後、それをやり直してすぐに作ってください。

コンポーネントといえば、誰もがいつも最初のことを考えているのはボタンです。もちろん、すべてのウェブサイトは物事に散らばっています。バリエーションは絶対に無限になる可能性があります。サイズ、色、グループ、アイコン、全幅、切り替え。それからもちろん、すべての異なる州。メニューボタン内のリンクを考えていますか？時々？ phew。私はあなたが今まで聞いたことがないものを書くことができないでしょうが、私は他の会社を読むのが好きです 実際にそうします。 たとえば、DomasMarkevičius ‘ 完璧なボタンを設計します WIXの場合。彼らはかなり最初の原則のボタンについて考えることである程度の成功を収めたように聞こえます。私は特に明確さに焦点を当てるのが好きです：

ボタンは、解釈のためのスペースがゼロで、それが何をするかを明確に通信する必要があります。テキストは、意図を説明する主要な要素です。

企業が実際に何をしているかについて言えば、私は感謝しました Vercelの設計エンジニアリング。投稿ですべての小さな8秒のビデオをご覧ください！彼らはかなりまともな定義を提供します：

設計エンジニアは、視聴者に共鳴する優れたユーザーエクスペリエンスを提供することに関心があります。 Webの場合、これは次のことを意味します。

• 楽しいユーザーのやり取りとアフォーダンス
• 再利用可能なコンポーネント/プリミティブの構築
• ページ速度
• クロスブラウザーサポート
• 包括的入力モード（タッチ、ポインターなど）のサポート
• ユーザーの好みを尊重します
• 支援技術のユーザーがアクセスできます

きれいなピクセルの背後には多くの作業があります。設計エンジニアは、視覚的な魅力を超えて、並外れたユーザーエクスペリエンスを作成する他の作品が世話をするようにしなければなりません。

役職タイトルデザインエンジニアリングでさえ、比較的新しいと感じています。 遡及的に適用されます そのスタイルの仕事をしている人々に。たぶん、設計エンジニアリングは、JavaScriptに焦点を合わせていない側面のための方法です 分裂 良い恵みに戻ってきます。の書き込みが大好きです 具体的な例、ジムのように、リサイザーバーがどのように機能するかについての複雑な詳細について書いています（わからない）。確かに作品が高く評価されているのを見るのは良い気分です このガスライトの状況 反対側に埋まっています。

利己的に、私はデザインエンジニアリングを部分的に「Codepenによく見られるクールなものの種類のようなものだと思いますが、あなたは仕事のためにそれをします。」