デザインシステムの目的を考える｜seya｜note

2022/06/22 14 users ユーザ 効能 答え 一貫性 デザインシステム

デザインシステムの目的とは？ と問われるとあなたはどんな風に答えるでしょうか？ おそらく「ユーザに一貫性のある体験を提供するため」「デザイン資産を再利用できるようにして生産性を上げるため」そんな答えが一般的だと思います。私もそんな感じで捉えていましたし、間違いなくそれらはデザインシステムの効能だと... 続きを読む

デザイントークンって何？｜seya｜note

2022/05/16 8 users デザイントークン ワーキンググループ 定義 とこ 標準化団体

「デザイントークン」 最近はよく使われている言葉だと思うのですが、意外と日本語での情報がないのでまとめてみました。 W3C の定義実はデザイントークンには W3C という標準化団体でのワーキンググループがあります。 これが絶対の定義と思う必要はないと思いますが、共通の定義としては便利だと思うので引用するとこ... 続きを読む

エンジニアがデザイナーといい仕事ができるために頑張ったこと｜seya｜note

2021/12/09 14 users モチベーション あん エンジニア デザイナー 逆方向

この記事は下記の記事に触発されて、逆方向の「エンジニアの自分がどういうモチベーションでどうデザインの勉強をしていったか」というのを語ってみよう！という内容となっております。 あと最近よく「なんでデザインし始めたの？」「どうやって勉強してるの？」という質問をいただく機会が増えてきたので、それへのアン... 続きを読む

コロナにかかって一生寝たきりになるかと思ったが復活した話｜seya｜note

2021/08/01 722 users コロナ

新型コロナウイルス感染症については、必ず1次情報として厚生労働省や首相官邸のウェブサイトなど公的機関で発表されている発生状況やQ&A、相談窓口の情報もご確認ください。またコロナワクチンに関する情報は首相官邸のウェブサイトをご確認ください。※非常時のため、すべての関連記事に本注意書きを一時的に出していま... 続きを読む

日本国内でデザインシステムに取り組んでいる会社・事例をまとめてみた｜seya｜note

2021/06/25 31 users 事例 Wantedly デザインシステム 日本国内 会社

海外の事例はいろいろあるので見てきたのですが、国内ではどんな会社が取り組んでいるのか、興味があったので調べてまとめてみました。 「おいおい、この会社が足りないぜ！」というものがあればコメントで教えていただけると喜びます。 Wantedly 続きを読む

フロントエンドエンジニア目線で Web のデザインには Illustrator や Photoshop ではなく Figma を使ってほしい理由｜seya｜note

2021/03/15 31 users figma seya Illustrator web シェア

フロントエンドエンジニア目線で Web のデザインには Illustrator や Photoshop ではなく Figma を使ってほしい理由 こんにちは。Figma 大好きフロントエンドエンジニア、seya と申します。 最近大きくシェアを伸ばしている Figma ですが、デザインが Figma で作られていると Illustrator (以下イラレ)や Photoshop など... 続きを読む

CSSそこそこわかる人がとりあえず figma で何か作ることになった時の tips 集｜seya｜note

2019/12/24 6 users figma Tips Flex display レイアウト

こんにちは。こちらはLinc'wellアドベントカレンダーの24日目です。 最近 figma を使い始めたのですが、私はキャリアとしてはフロントエンドエンジニアとしての歴が長く、何か実現したいデザインが頭に思い浮かんだ時、思考としては 「display:flex の justify-content:space-between なレイアウト作りたいんだけどな〜... 続きを読む