UI/UX・デザインツール

Smart Layoutの「その先」へ：Sketchで崩れないUIを作るための静的思考からの脱却デザインシステムを構築する際、多くのデザイナーが「シンボルを作って終わり」にしてしまう。しかし、真のプロフェッショナルは、「シンボルの外側（レイ...

Sketch Cloud Librariesの「コンフリクト」を制する：チーム開発を加速させる真のエンジニアリングSketchを「ただの描画ツール」として使っているなら、それはF1マシンで近所のコンビニに行くようなものだ。複数名のデザイナー...

プロトタイピングの聖域：Sketch Cloud Librariesで実現する「組織横断」デザイントークン運用の極意こんにちは。プロダクトの命運を握るテックリードの皆さん、日々のデザインシステム運用、お疲れ様です。デザインシステムは「作った...

SketchとNotionの「神連携」：デザイン・ドキュメントの分断を解消する自動化の実践論デザインシステムがどれほど強固でも、その「仕様」がNotionのドキュメントと同期していなければ、それはただの「綺麗な絵」に過ぎない。エンジニアとデ...

Sketchを「単なるお絵描きツール」で終わらせるな：デザイントークンで実装と同期する「真のプロトタイピング」術デザイナーが作ったUIを、エンジニアが「解釈」してコードに落とし込む。この「翻訳コスト」こそが、プロダクト開発における最大のボト...

デザインを「コード」として扱う：Sketch + Git で実現する究極のバージョン管理術多くのチームが「デザインファイルの肥大化」と「誰がどこを変えたかわからない地獄」に頭を抱えている。Abstractのような専用ツールも悪くないが、エン...

Sketchは「描くツール」ではない。君の手を解放する「自動化エンジン」だ。UI/UXデザインの現場において、ピクセルをマウスでドラッグ＆ドロップし続ける時代は終わった。もし君が、毎日同じレイヤー名のリネームや、書き出し設定の確認に時間を費...

妥協なきアクセシビリティ：Sketchで構築する「自動検証」と「負けない」デザインシステムUIデザイナーとエンジニアの溝は、しばしば「アクセシビリティの未定義」によって深まる。後からコントラスト比を修正するためにUIを全改修するような事態は...

Sketchファイルが「重い」のは罪だ：デザインシステムの負債を解消する外科的最適化術プロダクトが成長し、デザインシステムが肥大化するにつれ、我々が扱うSketchファイルは「ゴミの墓場」と化す。数MBだったはずのファイルが数百MBに膨れ上...

Sketchの「Data Feature」を極めろ：多言語UI崩壊を未然に防ぐ、プロのための自動化戦略UI/UXデザインにおいて、最も「手戻り」を誘発し、エンジニアを絶望させる瞬間。それは、実装直前の多言語対応でレイアウトが崩壊し、「あ、こ...