プロトタイピング

スポンサーリンク
Figma

【入門編】【必携】作業スピードが3倍になるFigmaの便利プラグイン15選 – UI/UX・デザインツール活用バイブル

【保存版】プロのUI/UXデザイナー・エンジニアが愛用するFigma厳選プラグイン15選 〜作業速度を3倍にし、デザインとコードの壁を爆破する〜こんにちは! デザインシステムとコンポーネント指向プロトタイピングの世界へようこそ。Figmaに...
Figma

【入門編】Figmaでデザインシステムを構築する手順!大規模開発を効率化するデザイントークンの活用法 – UI/UX・デザインツール活用バイブル

やあ、後輩の皆さん!UI/UXデザインとフロントエンド開発の魅力的な世界へようこそ。プロダクト開発が大きくなるにつれて、こんな悩みにぶつかったことはありませんか?「このボタンの青色、コード側とデザイン側で微妙にカラーコードが違っている…」「...
Figma

【入門編】エンジニア必見!Figmaの「Dev Mode」の使い方と実装効率化の裏技 – UI/UX・デザインツール活用バイブル

こんにちは。現場の最前線でデザインとコードの境界線を溶かし続けている、シニア・プロダクトエンジニアです。かつて、エンジニアにとってのデザインデータ確認は「発掘作業」に近いものでした。重いツールを立ち上げ、デザイナーの意図を推測し、何重にもネ...
Figma

【入門編】Figmaのプロトタイプ機能でここまでできる!インタラクティブコンポーネントとスマートアニメーション – UI/UX・デザインツール活用バイブル

「デザインが完成した」――そう確信してクライアントやエンジニアに静止画を見せたとき、「ここを押したらどう動くの?」という質問に言葉で返していませんか?もしそうなら、あなたはFigmaの真の力をまだ半分も引き出せていません。こんにちは。UI/...
Figma

【入門編】Figmaコンポーネントとバリアントの使い分け!保守性を爆上げする設計ルール – UI/UX・デザインツール活用バイブル

こんにちは。デザインとエンジニアリングの境界線で、日々「美しく、かつ壊れないシステム」を追求しているシニアエンジニアです。これからFigmaという広大な海に漕ぎ出す皆さんに、最初にお伝えしたいことがあります。それは、「デザインは見た目を作る...
Figma

【入門編】【2024年最新】Figmaのオートレイアウト完全攻略!レスポンシブデザインの極意 – UI/UX・デザインツール活用バイブル

こんにちは。UI/UXエンジニアの「現場の知恵」をあなたに伝えに来ました。デザインツールをただの「お絵描きソフト」だと思っていませんか? もしそうなら、今日その認識を捨てましょう。現代のプロダクト開発において、Figmaは「ブラウザ上で動く...
Figma

【入門編】XDからFigmaへの移行手順と注意点!完全脱出マニュアル – UI/UX・デザインツール活用バイブル

さよなら、Adobe XD! こんにちは、Figma! ~ 移行でつまずかない、君だけの「完全脱出マニュアル」 ~やあ、みんな! UI/UXの世界で日々奮闘している君たちへ。突然だけど、Adobe XDのプラン変更、ちょっとドキッとしなかっ...
Figma

【入門編】【完全版】Figmaとは?初心者向け基本操作から導入メリットまで徹底解説 – UI/UX・デザインツール活用バイブル

【 Figma 超入門 】非デザイナーのエンジニア・ディレクターが今日から始めるデザインツール活用術やあ、みんな!UI/UX・デザインツールの世界へようこそ!特に、今日からデザインツールに触れてみたいと思っている、エンジニアやディレクターの...
スポンサーリンク