プロトタイピング

画面遷移の「その先」へ。Sketchの変数を操り、プロダクトに命を吹き込む方法こんにちは。UI/UXデザインの最前線で、日々「使い心地」と「実装のリアリティ」の境界線を溶かしているエンジニアです。皆さんは、プロトタイプを作る際、単なる「画面...

Sketch × Apple Silicon：M3/M4 Macのポテンシャルを解放する「究極の最適化」術こんにちは。プロダクトデザインの現場で「ツールに振り回される時間」ほど無駄なものはありませんよね。かつてSketchは「重い」というレ...

UIの「ズレ」は、エンジニアへの冒涜だ。SketchのSmart Distributeで手に入れる「完璧なアライメント」の極意やあ。UI/UXの現場で、たった1ピクセルのズレに夜も眠れなくなるような、美意識の高い君へ。デザインとは、単なる視...

プロの現場で「Sketch Mirror」を使い倒せ。実機検証こそがUIデザインの唯一の真実だこんにちは。UI/UXデザインの最前線を走る皆さん、今日も「画面の中」で完結する作業に時間を費やしていませんか？私たちがどれほど高精細なRetin...

デザインシステムを「崩壊」から守る。Sketchにおけるタイポグラフィ管理の極意こんにちは。UI/UXの現場で数々のプロジェクトを見てきましたが、中規模以上の開発で最も「負債」になりやすいのが、実は「フォントスタイルの混沌」です。「なぜか余...

こんにちは。現場で戦うデザイナー、あるいはエンジニアのみなさん。「またこのアイコン、全サイズ書き出し直しか……」そんな溜息をついたことはありませんか？ 手作業での書き出しは、ただの時間の浪費ではありません。「ヒューマンエラーの温床」です。S...

デザインの現場において、「作業」と「創造」を混同してはいけません。デザイナーが一生懸命「佐藤太郎」「090-xxxx-xxxx」といったダミーテキストを手打ちしている時間。あれは、あなたの才能をドブに捨てているのと同じです。今日は、Sket...

デザインシステムの「終わらないコンフリクト」に終止符を。Sketchライブラリ運用の極意こんにちは。UI/UXの現場で、一度はこんな経験をしたことはありませんか？「ボタンの角丸を1px変えただけなのに、全チームのデザインファイルが壊れた」「...

Sketchの「その先」へ：JavaScriptで自分だけの作業効率化ツールを創り出そうデザインの現場において、私たちは常に「繰り返し」という名の怪物と戦っています。レイヤーの命名規則、アイコンのカラーパレット適用、特定のプロパティの一括変...

デザイナーのための「数学的思考」：Sketchでピクセルパーフェクトを極める極意こんにちは。UI/UXの現場で長年戦ってきた身として、一つだけ断言できることがあります。「優れたデザインは、感覚ではなくロジックから生まれる」ということです。多...