UI/UX・デザインツール

こんにちは。プロダクトの最前線でUI/UXを磨き続けている皆さんに、今日は「アクセシビリティ」という、デザインの品質を決定づける不可欠なピースについてお話しします。「アクセシビリティ対応＝後回しにする面倒な修正」と思っていませんか？ もしそ...

Figmaの「Section」で創る、カオス知らずの秩序あるデザイン宇宙やあ。デザインの現場で、気づけばカンバスが「ゴミ屋敷」のようになり、どこに何があるか分からず絶望したことはないかな？大規模なプロダクト開発において、Figmaは強力な武...

こんにちは。UI/UXの現場で数々の修羅場をくぐり抜けてきたエンジニアです。Figmaを使っていると、必ずぶつかる壁がありますよね。「ボタンのホバー、フォーカス、エラー、ローディング…画面が増えるたびに同じようなパーツを量産して、管理が崩壊...

グローバルプロダクトの「崩壊」を未然に防ぐ。Figma変数とオートレイアウトによる究極のi18nワークフローこんにちは。UI/UXの現場で数々のプロダクトを見てきましたが、多くのデザイナーが最後に頭を抱えるのが「多言語対応（i18n）」です...

こんにちは。プロダクトデザインの最前線で、日々「ピクセル単位の理想」と「実装の現実」の境界線を溶かしているエンジニアです。Figmaで完璧にデザインしたはずなのに、WebflowやFramerに移植した瞬間にレイアウトが崩れ、数時間を修正作...

プロトタイピングとドキュメント作成の狭間で、「仕様書を書く時間」に追われていませんか？もしあなたが、Figmaで完璧なUIを作った後に、別ツールで仕様を書き起こし、エンジニアから「このマージン、何px？」「このバリエーションのステートはどう...

デザインの「解像度」が世界を変える。Figmaでダミーデータを極め、爆速でリアルなモックアップを作る技術こんにちは。現場の最前線でデザインとコードの境界線を溶かしているエンジニアです。皆さんは、デザインレビューのたびに「ああ、このダミーテキ...

Figmaでチームの熱量を最大化せよ：Spotlightと音声チャットで創る「没入型」ワークショップ術こんにちは。UI/UXの現場で数々のプロダクトを形にしてきたエンジニアです。リモートワークが当たり前になった今、「画面共有」という名の退屈...

チーム開発の「フォント崩れ」にさようなら。Font AgentとFigmaで構築する「ストレスフリーなタイポグラフィ環境」の極意こんにちは。UI/UXデザインの現場で日々、ピクセルパーフェクトな体験を追い求めているあなたへ。デザインシステム...

デザインを「計測」せよ。Figma REST APIで実現する、自動化された品質管理の世界へようこそこんにちは。UI/UXの現場で、私たちは日々「ピクセル」と格闘していますが、ふと立ち止まって考えてみてください。「今、チームで最も使われてい...