ls.graphics入門:高品質モックアップ&3D素材ライブラリ(Figmaプラグイン対応)

ls.graphics のアイキャッチ

「作り込まれた高品質モックアップを、ブラウザでサッと差し替えて使う」。ls.graphics は、グラフィック/UIデザイナー向けのプレミアムなデザイン素材ライブラリです。デバイスモックアップから3Dアイコン、抽象ビジュアルまでそろい、オンラインエディタとFigmaプラグインで編集できます。

ls.graphics とは

ls.graphics(Lovely & Spotless Graphics)は、クオリティに振り切ったデザイン素材&ツールのライブラリです。AIで自動生成するタイプではなく、プロが作り込んだ素材を「差し替えて使う」サービス。UIポートフォリオやブランドガイドの作成で、一貫した見栄えのビジュアルを短時間で用意できます。

そろっている素材

  • デバイスモックアップ:iPhone / iPad / MacBook / Android など2,000点超。
  • ブランディング/プロモ用:Tシャツ・パッケージ・看板・ステッカー等。
  • 3Dアイコンパック:Plop! / Booomps! など。
  • イラスト・コンストラクタ:Guuulp! / Snap! など、組み合わせて作れるイラスト。
  • アブストラクト:Grainy Blurs、Glass Aberrations などの背景素材(無料あり)。
  • アニメーション付きモックアップ。

編集ツール

素材はスマートレイヤーで自分のデザインに差し替えるだけ。次の手段で編集できます。

  • オンライン・モックアップエディタ(ブラウザ完結、PNG/JPG書き出し)。
  • Figmaプラグイン(Figma内で直接差し替え)。
  • ColorFlow などの補助ツール。

料金

プラン目安
無料素材$0(一部のモックアップ・抽象素材)
Online tools$9/月(オンラインエディタ+Figmaプラグイン+PNG/JPG書き出し)
Assets & Online Tools$12/月(全素材+PSD/Sketch/Figmaダウンロード)
個別購入$29〜59(パック単位)

14日返金保証・いつでも解約可。

使いどころ

提案資料やポートフォリオ、ブランドガイドの“見せ方”を底上げしたいときに。AI生成のUI(v0 等)で作った画面を、ls.graphics のデバイスモックアップに載せて魅せる、といった組み合わせも有効です。


主な情報源

素材数・料金は公開時点のものです。収集・要約はAI、公開判断は人。