メインコンテンツへスキップ
 

マガジン一覧

いちばんくわしいUIツールの比較

Sketch, Adobe XD, Figma, InVision Studio について徹底的に比較を行ったので、知見をまとめたいと思います。量がかなり多いです。

6 本
平田 / U-NEXT

いちばん詳しい Sketch / XD / Figma / Studio の比較  〜1. 導入と背景知識

平田です。普段は個人のブログに記事を書いているので、ちゃんとしたnoteを書くのはこれが初めてです。 Sketch, Adobe XD, Figma, InVision Studio について徹底的に比較を行ったので、知見をまとめたいと思います。量がかなり多いので、いくつかの記事に分けて紹介します。 1. 導入と背景知識    ◀イマココ 2. 基本項目の比較 3. デザイン機能比較 4. シンボルとスタイル 5. プロトタイピングとコラボレーション 6. まとめ 今回

399
平田 / U-NEXT

いちばん詳しい Sketch / XD / Figma / Studio の比較 〜2. 基本項目の比較

Sketch, XD, Figma, Studio を比較する連載記事の2番目です。 1. 導入と背景知識 2. 基本項目の比較    ◀イマココ 3. デザイン機能比較 4. シンボルとスタイル  5. プロトタイピングとコラボレーション 6. まとめ 今回は料金や利用環境など、各ツールの基本的な項目についての比較を紹介します。 対応デバイス環境 Figmaのみ、ブラウザ上で動くWebアプリケーションです。MacOS, Windows用のデスクトップアプリもあります

112
平田 / U-NEXT

いちばん詳しい Sketch / XD / Figma / Studio の比較 〜3. デザイン機能比較

Sketch, XD, Figma, Studio を比較する連載記事の3番目です。 1. 導入と背景知識 2. 基本項目の比較 3. デザイン機能比較    ◀イマココ 4. シンボルとスタイル 5. プロトタイピングとコラボレーション 6. まとめ 今回は基本的なデザイン作成に関する機能についての比較です。 操作感・UI ツールの操作のしやすさ、UIについての評価です。まず、基本的な操作感・キーボードショートカット・UIの構成はどのツールもかなり似ています（XDは

111
平田 / U-NEXT

いちばん詳しい Sketch / XD / Figma / Studio の比較 〜4. シンボルとスタイル

Sketch, XD, Figma, Studio を比較する連載記事の4番目です。 ※ 2019年5月追記: XDのシンボルについての大幅なアップデートに対応して、内容をかなり修正しました。 1. 導入と背景知識 2. 基本項目の比較 3. デザイン機能比較 4. シンボルとスタイル    ◀イマココ 5. プロトタイピングとコラボレーション 6. まとめ 今回はUIツールの肝とも言える、「シンボル」の機能や管理性能、「スタイル」の機能、デザインシステム・コン

138
平田 / U-NEXT
もっとみる