セイムを通常のスクリーンショットツールと区別する重要な機能は、本番環境で直接使用できるフロントエンドコードファイルをエクスポートする機能です。ユーザーがコードのエクスポートを選択すると、ツールは、コピーされたウェブページのすべての視覚的要素とレイアウト構造をすでに含む標準化された HTML/CSS コードパッケージを生成します。
コード出力には3つの特徴があります。1つ目は、コピーされたコードが元のページの完全なDOM構造とスタイル定義を保持する完全性、2つ目は、コードが標準的なHTML/CSSオーサリング仕様に従う正常性、そして最後に、開発者がこのコードをプロジェクトに直接統合したり、開発の出発点として修正したりできるユーザビリティです。これは、ゼロからコードを書いたり、スクリーンショットを基に実装する従来の方法に比べ、何十倍も効率的です。
コードに加えて、このツールはデザイナーのさまざまなニーズを満たすために、デザインドラフトの画像をPNG形式でエクスポートすることもサポートしています。コードは開発者の技術的な実装に適しており、画像はデザイナーの視覚的な参照や創造的な構想に便利です。このデュアル出力モードにより、セイムはより多くのプロフェッショナルユーザーにサービスを提供することができます。
この答えは記事から得たものである。同上:ウェブサイトのUIをクローンして、プロダクション・グレードのフロントエンド・コードを生成するについて































