✨@cursor_aiと@figmaのデザイン:デザイナーの視点✨ 私はFigmaが大好きで、何年も使用しています。しかし、過去 6 か月間に Cursor を手に取って以来、キャンバスでのデザインに戻るのは難しいと感じています。 ---------------------------------------------------- 新しい方法の方がうまくいくと思ういくつかの方法 - ⚡ システムの動作をリアルタイムで見ながら設計できます。 Cursor では、すべてのレイアウト調整または操作は、視覚的な推測としてではなく、コードとして実行されます。システムがその動作を偽装するためにフレームごとに維持するのではなく、変更をどのように処理するかがすぐにわかります。 ⚡ レイテンシーと読み込みの感じを形作ることができます。 実際の遅延とスケルトン状態のシミュレーションは、ランタイムの一部であるため、Cursor では数分かかります。ビジュアル ツールでは、これらの状態には手動での複製とタイムラインが必要ですが、実際の待ち時間がどのように感じられるかはまだ明らかになりません。 ⚡ ビルド中に応答性を確認できます。 Cursor の 1 つのレイアウトは、画面サイズに自動的に適応します。サイズを変更して、結果をすぐに確認できます。Figmaでは、同じ精度を達成するには、複数のフレームを構築し、ネストされた制約を手動で管理する必要があります。 ⚡ コンテキストに関連するコンテンツを即座に取り込むことができます。 実際のユーザー名、コピー、または製品データを API から直接取り込むことができます。プレースホルダー コンテンツは、実際にシナリオに属する情報に置き換えられます。Figmaでは、このリアリズムには追加のプラグインが必要であり、静的なままです。 ⚡ データ量の多い画面を簡単に処理できます。 ダッシュボードとテーブルは、数行のコードを使用して、現実的な可変データで生成できます。ビジュアルファイルで何時間も手作業で複製する必要があることは、即座に処理され、ロジックによって一貫性が保たれます。 ⚡ マイクロインタラクションは、実行中に調整できます。 アニメーション、ディレイ、トランジションは、プロダクションで実行されるのとまったく同じように、リアルタイムで調整できます。Figmaはタイミングをシミュレートできますが、ライブシステムの物理、パフォーマンス、または真のペースはシミュレートできません。 ⚡ 新しい状態を即座に分岐できます。 Cursor では、ワークフローを数秒で複製して調整できます。新しいロジック、代替メッセージ、または UI の方向を対話的にテストできます。Figmaでは、これらのバリアントはフレームを再作成し、更新を手動で同期する必要があります。 ⚡ 隣接する状態を数分で設計できます。 空、成功、エラー、およびエッジケースの画面は、1つの共有ロジックベースから生成できます。コードは状態を管理するため、カバレッジを一度設計します。Figmaでは、これらすべてのバリアント間で同等性を確保することは時間がかかり、脆弱です。...