同ツールによる効率的なピクセルレベルの複製
同ツールは、デザイナーがウェブ・インターフェースを手作業で描き直すというペインポイントに対して、3段階のソリューションを提供する:
- クイックエントリーsame.newにアクセスした後、目的のウェブページのURLを入力ボックスに貼り付ける(例:https://example.com)。
- インテリジェントな構文解析:コピーボタンをクリックすると、システムは10秒以内に静的コンテンツ(レイアウト/フォント/カラー)の正確なキャプチャを終了します。
- 柔軟な出力:プレビューウィンドウで効果を確認した後、PNG画像またはHTML/CSSコードを2つの形式でエクスポートすることができます。
注意: ダイナミックな要素 (ホバー効果など) については、Figma やその他のデザイン・ツールで二次処理を行うことをお勧めします。コピーに失敗した場合は、一般にアクセス可能な URL を置き換えるようにしてください。
この答えは記事から得たものである。同上:ウェブサイトのUIをクローンして、プロダクション・グレードのフロントエンド・コードを生成するについて































