デザインシステム

エンジニア・コーダーに好かれる治安の良いデザイン
+9

エンジニア・コーダーに好かれる治安の良いデザイン

webデザインを作っていると、ここってどう作ったら実装しやすいんだろうって考えたりしますよね。 デザインシステムがきちんと整備されている会社ならともかく、まだUIに関しては発展途上で、デザイナー各人にお任せだよっていうところもまだまだ多いんじゃないかなって思います。 デザイン制作と実装者が同じ人なら問題ないかと思いますが、デザイナーとコーダー・フロントエンドが分業している場合だと、実装しづらいデザインを渡され、不要な工数が嵩んでしまいエンジニアにとってストレスに…なんてこと

スキ
2
Figmaのリファクタリングからはじめるデザインシステムの構築
+19

Figmaのリファクタリングからはじめるデザインシステムの構築

こんにちは、GaudiyデザイナーのTORAJIRO(@jirosh1998)です。 『英単語アプリ mikan』の副業デザイナーとして、Figmaリファクタリング&デザインシステムの一歩目を構築した話を書こうと思います。 このnoteの最後に、今回作成した『mikan DesignSystem』のデータを公開していますので、ぜひご覧ください👋(mizoさんをはじめmikanのみなさん、具体的なアウトプットの公開まで許可いただき感謝です!心広すぎ!) 読んで欲しい人 -

スキ
97
世界的な企業のデザインシステム

世界的な企業のデザインシステム

今回はGoogleやApple、Microsoftがオープンソースとして公開しているデザインシステムを紹介します(英語)。紹介といってもURLを載せているだけです(本記事は私のメモみたいな感じ)。世界的な企業のデザインシステムを理解し、皆さんのデザインワークに活用してみてください。もちろん、見ているだけでも面白いです。 デザインシステムとは、企業が製品を一貫して設計・開発するための、共通言語や原則、ツールをまとめたものです。デザインの概念、原則などをまとめたドキュメント、そ

デザイン・実装の生産性を上げるための7つの考え方
+6

デザイン・実装の生産性を上げるための7つの考え方

デザイナーによるデザインにも、エンジニアによる実装にも、 「生産性」の問題はつきものかと思います。 プロダクト開発ではエンジニアとデザイナーが力を合わせて設計・実装をしていくわけですから、デザインの生産性を考える上で、実装上の生産性も同時に考える必要が出てきます。 (一般的に、デザインと実装効率を上げるためには多くの組織がデザインシステムを構築・運用するというアプローチを取るのではないでしょうか。) デザイン視点から、デザインと実装の生産性向上への取り組み方について考え

スキ
19
デザインシステムのどこが「システム」なのかをちゃんと考えてみた。
+2

デザインシステムのどこが「システム」なのかをちゃんと考えてみた。

あれ?「デザインシステム」って何がシステムなんだろう……と思ったので少し真面目に考えてみたという話です。 デザインシステムとは何かを一言で言うと? 「デザイン作業の効率と品質を向上するためのもの」 そのために「ルール」「スタイルガイド」「コンポーネント」「パターンライブラリ」などがまとまったものです。 note にもたくさん良記事があるのでそちらをご覧いただくとして、 簡単に言えば、、、 ・色はコレとコレとコレを使ってね。 ・余白はこれくらいで。ロゴはこう使っ

スキ
5
デジタル庁は壮大な勘違いで税金を無駄にしてるから激怒発動!!(こちらに移転しました)

デジタル庁は壮大な勘違いで税金を無駄にしてるから激怒発動!!(こちらに移転しました)

こんな勉強会のために血税が使われたと思うと激怒りしかない!! 「明日までにサイト作れ」て言われたらどうする? とりあえず作るでしょ!? プロトタイプでいいから作る。手書きでいいからデザイン案を出す。 意識高い会議で税金無駄にしてる暇は無いよ? 意識より体を動かせ! どんどん作れ!! プロトタイプでいいから作れ!! 手書きでいいからアイデア出せ!! この勉強会で出たアイデアは「自分で調べれば分かること」ばっかりじゃん。 わざわざ税金で使ってやる必要あるの??? 会社で意識高

勉強になったFigmaのデザインシステム8選
+22

勉強になったFigmaのデザインシステム8選

おひさしぶりです🔅 最近は週末プロジェクトでアプリを2つリリースしようと動いていたり、一人暮らしを始めたり、バタバタした日々を過ごしておりました.... (toCサービス好きな人、一緒に週末プロジェクトやりませんか・・笑 週末プロジェクトはなかなか難しい....) 先日こんなイベントがあり、他社のサービスのFigmaファイルを見る機会が...!そして、Twitterなどで各社、各サービスがFigmaデータやDesign Systemをオープンにしているのを最近ちらほら見か

スキ
125
業務を効率化させるデザインシステムとは?
+8

業務を効率化させるデザインシステムとは?

こんにちは!アルプのデザイナーの大澤 (@Tadaki) です。 先日デジタル庁でデザインシステム勉強会の記事が公開されましたね。活用事例として私が所属するアルプでのデザインシステムについて紹介できればと思います。 アルプではサブスクリプションビジネスを行う企業向けに、今まで手作業や自社開発がスタンダードだった契約や請求の管理を SaaS として提供する Scalebase というプロダクトを開発しています。 Scalebaseの開発では、日々プロダクトチームのメンバー

スキ
254
デジタル庁は壮大な勘違いで税金を無駄にしてるから激怒発動!!

デジタル庁は壮大な勘違いで税金を無駄にしてるから激怒発動!!

こんな勉強会のために血税が使われたと思うと激怒りしかない!! 「明日までにサイト作れ」て言われたらどうする? とりあえず作るでしょ!? プロトタイプでいいから作る。手書きでいいからデザイン案を出す。 意識高い会議で税金無駄にしてる暇は無いよ? 意識より体を動かせ! どんどん作れ!! プロトタイプでいいから作れ!! 手書きでいいからアイデア出せ!! この勉強会で出たアイデアは「自分で調べれば分かること」ばっかりじゃん。 わざわざ税金で使ってやる必要あるの??? 会社で意識高

スキ
1
Carelyに従業員用「ホーム画面」が新登場。 従業員用機能の大幅拡充へ向けた大きな一歩です。
+3

Carelyに従業員用「ホーム画面」が新登場。 従業員用機能の大幅拡充へ向けた大きな一歩です。

いつもCarelyをご利用いただきありがとうございます。 初めての方は初めまして。 株式会社iCAREで、フロントエンドエンジニアをしている @watsuyo_2 です。 本日、2021年8月31日 に、健康管理システム Carelyの従業員用「ホーム画面」を新規で実装いたしました。 今まで、従業員用機能にホーム画面専用のページを用意していなかったこともあり、初めてのホーム画面となります。 iCAREの開発組織では、複数のチーム体制で開発を行っています。 自分が所属

スキ
14