Sketch

こんにちは！プロダクトデザイナーの先輩として、今日は君と少し深い話をしよう。君はMacの美しいRetinaディスプレイで完璧にデザインしたはずの色が、いざコーディングされてブラウザに上がってきた瞬間、「あれ？ なんか少し…くすんでないか？」...

こんにちは！UI/UXエンジニアの先輩として、今日は君と少し深い話をしようか。デザインツールを触っていて、こんな絶望を味わったことはないかい？「親コンポーネントのサイズを変えた途端、中のテキストがぶっ壊れた」「ネスト（入れ子）を深くしすぎて...

こんにちは！プロダクトデザイナー、そしてフロントエンドエンジニアのあなたへ。日々のデザイン制作やエンジニアへの引き渡し（ハンドオフ）で、こんなモヤモヤを感じたことはありませんか？「デザインカンプからSVGを書き出しただけなのに、謎のメタデー...

こんにちは！デザインとエンジニアリングの境界線を溶かし、より本質的なクリエイティブに集中するための環境づくりを愛する先輩エンジニアです。UIデザインの現場で、こんな不毛な作業に時間を溶かしていませんか？「ECサイトのグリッドレイアウトを作る...

こんにちは！プロダクトデザイナーの先輩として、今日は君にとてもエキサイティングな話をしよう。UIデザインを作っていて、こんな絶望を味わったことはないかい？「英語から日本語（またはその逆）に翻訳した途端、テキストがボタンからはみ出した」「ユー...

こんにちは！プロダクトデザイナーの先輩として、今日は君にSketchの「Cloud Libraries」におけるコンフリクト（競合）解消の極意を伝授しよう。複数人で大規模なデザインシステムを構築していると、避けて通れないのが「あれ、さっき私...

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

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

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

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