FigmaとWeb、px単位でピッタリと

Figmaとサイトを重ねて比べる。ExportせずOverlintですぐに比較。

制限ありで試す

セキュリティ制限によりiframeでは表示できないサイトが多いため、完全な機能をお試しするにはChrome拡張機能をご利用ください

Overlintとは

あなたのWebサイトを読み込み

デザインを透明レイヤーで重ね合わせ

1px のズレも一目で判断可能

ブラウザに拡張機能を追加セキュリティ制限を回避

デザインが実装の上に透明レイヤーで重なる

ズレた箇所を特定してコードを即座に修正

多くのWebサイトでは、セキュリティ上の理由でiframeでの表示が制限されています。これにより、Web版では一部のサイトで比較機能が正常に動作しない場合があります。

X-Frame-Options ヘッダーによる制限

Content Security Policy (CSP) による制限

Same-Origin Policy による制限

Chrome拡張機能を使用することで、ブラウザレベルで直接比較が可能になり、すべてのサイトで完全な機能をお使いいただけます。

セキュリティ制限を回避

すべてのサイトで動作

より高速で安定した動作

ワンクリックで簡単操作

• margin が合ってない気がする

• padding の感覚が違う

• font-size がズレてる

• 目視での確認に時間がかかる

• デザイナーとの認識のズレ

• 1px 単位で正確に比較

• 瞬時にズレを発見

• 修正箇所が明確

• レビュー時間が圧倒的に短縮

• ストレスフリーな実装

セキュリティ制限を回避して、すべてのサイトで完全な機能をお使いいただけます

すべてのサイトで動作し、セキュリティ制限を回避できます

iframe制限により一部機能が制限される場合があります