プロトタイピング

こんにちは！プロダクトデザインの現場で、日々UIとコードの橋渡しに奮闘している君なら、こんな課題にぶつかったことが一度はあるはずです。「外部のパートナー企業やグループ会社と一緒にプロダクトを作っているけれど、ブランドカラーやタイポグラフィの...

こんにちは！プロダクトデザインとフロントエンドの境界線を溶かすような、シームレスな開発フローを作るのが大好きな先輩エンジニアです。今回は、Macの定番デザインツール「Sketch」と、チームのナレッジハブである「Notion」を連携させ、デ...

こんにちは！デザインとコードの境界線を溶かし、エンジニアとデザイナーが同じ言語で会話できるようにする――これこそが、モダンなプロダクト開発の醍醐味です。今日は、Sketchの「Shared Styles（共有スタイル）」を軸に据え、Web、...

こんにちは！デザインシステムやフロントエンドのアーキテクチャの現場を渡り歩いてきたエンジニアの先輩です。突然ですが、こんな経験はありませんか？「デザイナーから渡された『最終版_final_v3.sketch』のどこが変わったのか分からない…...

こんにちは！プロダクトデザイナー、そしてエンジニアの皆さん。日々のデザイン作業、本当にお疲れ様です。デザインシステムを構築し、コンポーネントを整え、美しく整列されたアートボードを作り込む――それはデザイナーにとって最高の瞬間です。しかし、そ...

Sketchで極めるアクセシブルなUI設計：コントラスト自動化で「誰にでも優しい」デザインを実装しようこんにちは。デザインとエンジニアリングの境界線を溶かし、プロダクトの価値を最大化することに情熱を燃やすエンジニアです。皆さんは「アクセシビ...

負債化したSketchファイルを「秒速」で浄化する——デザインシステムのメンテナンス術こんにちは。長年デザインシステムの構築と運用に携わってきた身として、一つだけ断言できることがあります。「ファイルサイズが肥大化したSketchファイルは、...

こんにちは。UI/UXの最前線で戦う皆さん。「日本語では完璧だったデザインが、英語になった途端にレイアウトが崩れ、アラビア語に至ってはもはや別のUIに見える」。グローバルプロダクトを扱うデザイナーなら、誰もが一度は経験する悪夢ですよね。多く...

デザインとコードの「断絶」を破壊する：SketchからXcode/Android Studioへのシームレスな移行術こんにちは。画面の向こう側で「デザインは完璧なのに、実装されると何かが違う…」という苦悩を抱えているデザイナー、あるいは「デ...

Sketchの「Cloud Documents」が変える開発現場の未来：ローカルレスで実現する「真のチームコラボレーション」こんにちは。日々のUI/UXデザイン、お疲れ様です。かつて、私たちはファイルを書き出し、Slackに投げ、誰かが上書...