mockupxtwitterdesignpng

ツイートモックアップ作成ツール — 無料ツール

クライアント向け資料、ポートフォリオ、ブログの図版のために、Xの投稿モックアップを作成できます。名前、@handle、本文、日時、エンゲージメント数を入力し、ライト/ダークを選んで、2倍解像度の鮮明なPNGを書き出せます。書き出した画像には必ず小さな「モックアップ」表示が入り、実在のプロフィール写真や認証バッジは一切使用しません。

投稿者

アバターは入力した名前から生成されます(色付きの円にイニシャル)。写真のアップロードも認証バッジもないため、モックアップが実在のアカウントに見えることはありません。

投稿

エンゲージメント

プレビュー

Retinaディスプレイ向けに2倍解像度で書き出されます。

これはモックアップであり、スクリーンショットではありません

書き出される画像には必ず右下に小さな「モックアップ」の表示が入り、オフにはできません。実在のプロフィール写真、ハンドルからのアバター取得、認証バッジは一切使用しません。このツールはデザイン作業(クライアント向け資料、ポートフォリオ、ブログの図版)のためのもので、本物に見せかける画像を作るためのものではありません。

機能

  • Xの投稿レイアウトを忠実に再現 — アバター、表示名、@handle、相対時刻、返信・リポスト・いいねの数
  • 本文の改行は入力したとおりにそのまま保持されます
  • ライトテーマとダークテーマに対応。Retinaディスプレイでも鮮明なように2倍解像度で書き出します
  • イニシャルから生成されるアバター — 写真のアップロード、ハンドルからの取得、認証バッジはいずれもありません
  • すべてブラウザ内で動作 — アップロードは一切なく、アカウントも不要です

よくある質問

これで偽のツイートを作れますか?

作れません。それは意図的な設計です。このツールが書き出すPNGには必ず、画像そのものの右下に小さな「モックアップ」表示が描き込まれます。これを消す設定はありません。クライアント向け資料やブログの図版としては十分に目立たず、それでいて本物のスクリーンショットとしては通用しない程度にはっきりしています。また、実在のプロフィールデータを取得したり埋め込んだりすることも一切ありません(ハンドルからのアバター取得も、写真のアップロードも、認証バッジもありません)。まさにその部分が、作り話の引用を本物らしく見せてしまうからです。

なぜアバターはイニシャルだけなのですか?

アバターは入力した名前から生成されます。名前から導いた色の上にイニシャルを描くため、同じ名前なら常に同じ色になります。実際の写真を使えるようにすると、デザインツールがなりすましツールに変わってしまうので、アップロード欄もハンドルから画像を取得する手段も用意していません。資料やポートフォリオの用途では、そもそもプレースホルダーのアバターで十分です。重要なのはレイアウトであって、顔ではありません。

実際にはどんな用途に使えますか?

投稿を書く前に構成を検討する、キャンペーンがフィードでどう見えるかをクライアントに示す、SNSのコピーについてのブログ記事やスライドに図版を添える、ポートフォリオの作品をつくる、といった用途です。誰かが何かを言った証拠ではなく、投稿の「形」を見せたいときに使うツールです。

エンゲージメントの数値はどう表示されますか?

Xと同じ形式で省略表記されます。1,200は1.2K、3,400,000は3.4Mになります。空欄にした項目はモックアップから省かれます。まだ投稿していない案では、たいていそのほうが適切です。

データはサーバーに送信されますか?

いいえ。画像はブラウザ内のcanvasで描画され、そのままページからダウンロードされます。入力した内容がアップロード・保存・記録されることはなく、ネットワーク通信も発生せず、アカウントも不要です。

Xの投稿を予約する

書き終わりましたか?BulkPublishでXに予約・一括投稿できます。

Xの投稿を予約する