プロトタイピング

こんにちは！プロダクトデザイナーの先輩として、今日は君と少し「デザインの精度と心地よさ」について話をしたい。毎日FigmaやSketchを開いて、UIのパーツを並べているよね。「あともう1ピクセルだけ右に寄せたいのに、なぜかスナップしすぎて...

こんにちは！デザインシステムとプロトタイピングの現場を駆け抜けてきた先輩エンジニアのボクです。大規模なプロジェクトが進むにつれて、FigmaやSketchなどのデザインツール内で「あれ、あのボタンのコンポーネントどこだっけ……？」と迷子にな...

こんにちは！プロダクトデザイナー、そしてフロントエンドのコードを愛するエンジニアの皆さん。日々のデザイン作業で、デザイナーが作った美しいアイコンやイラストをエンジニアに引き渡す際、こんなやり取りが発生していませんか？> 「なんかSVGのコー...

こんにちは！プロダクトデザイナーの先輩として、今日は君にとても実用的で、チーム開発の空気をガラリと変える秘密兵器を授けよう。「外部ベンダーやクライアントに最新のデザインを見せたいけれど、生データをそのまま渡すのはセキュリティ上、ちょっと怖い...

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

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

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

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

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

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