<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: snpeerapun</title>
    <description>The latest articles on DEV Community by snpeerapun (@snpeerapun).</description>
    <link>https://dev.to/snpeerapun</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F590752%2Fd82419ea-75fc-4d8d-9531-b993db3d9829.jpeg</url>
      <title>DEV Community: snpeerapun</title>
      <link>https://dev.to/snpeerapun</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/snpeerapun"/>
    <language>en</language>
    <item>
      <title>Stop fighting Figma for App Store screenshots — I built a tool that exports the whole set in one click</title>
      <dc:creator>snpeerapun</dc:creator>
      <pubDate>Sat, 06 Jun 2026 16:14:11 +0000</pubDate>
      <link>https://dev.to/snpeerapun/stop-fighting-figma-for-app-store-screenshots-i-built-a-tool-that-exports-the-whole-set-in-one-190i</link>
      <guid>https://dev.to/snpeerapun/stop-fighting-figma-for-app-store-screenshots-i-built-a-tool-that-exports-the-whole-set-in-one-190i</guid>
      <description>&lt;p&gt;If you've ever shipped a mobile app, you know the part nobody warns you about: &lt;strong&gt;the store screenshots&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;You finish the app, you're ready to submit, and then App Store Connect asks for:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;6.7", 6.5", and 5.5" iPhone sizes&lt;/li&gt;
&lt;li&gt;12.9" and 13" iPad sizes&lt;/li&gt;
&lt;li&gt;Android phone + 7" and 10" tablets&lt;/li&gt;
&lt;li&gt;A Play Store &lt;strong&gt;feature graphic&lt;/strong&gt; (1024×500)&lt;/li&gt;
&lt;li&gt;…and ideally &lt;strong&gt;each of those in every language you support&lt;/strong&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;So you open Figma, build a frame, copy it ten times, eyeball the resizing, retype the captions for each locale, and export them one by one. For a 5-language app that's &lt;strong&gt;hundreds of PNGs&lt;/strong&gt; by hand.&lt;/p&gt;

&lt;p&gt;I got tired of it and built a tool. It's free and runs in the browser: &lt;strong&gt;&lt;a href="https://screenshot.oneable.co.th" rel="noopener noreferrer"&gt;screenshot.oneable.co.th&lt;/a&gt;&lt;/strong&gt;.&lt;/p&gt;




&lt;h2&gt;
  
  
  What it does
&lt;/h2&gt;

&lt;p&gt;You design &lt;strong&gt;one deck of slides&lt;/strong&gt;, and it exports &lt;strong&gt;every size × every language&lt;/strong&gt; as a single ZIP — named and sized exactly how the stores want.&lt;/p&gt;

&lt;p&gt;Here's the core idea:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Project → device decks → slides.&lt;/strong&gt; Pick a deck-wide &lt;em&gt;template&lt;/em&gt; (colors + font), drop a screenshot on each slide, write a caption, and the renderer produces pixel-perfect images for every target size.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h2&gt;
  
  
  The features I actually use
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;🎨 Designer templates, not blank canvases&lt;/strong&gt;&lt;br&gt;
10 coordinated background templates (Soft, Vibrant, Editorial, Midnight, Crisp, Violet, Ocean, …), each with several variants. Pick a deck template and every slide stays on-brand — but each slide can still pick its own variant so the set isn't monotonous.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;📱 Every device, at the real size&lt;/strong&gt;&lt;br&gt;
iPhone, iPad, Android phones &amp;amp; tablets, and the Play Store feature graphic. Switch device and your deck for that device is preserved.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;🧩 Layouts that tell a story&lt;/strong&gt;&lt;br&gt;
Hero, device-bottom, device-top, two-devices, no-device, split-landscape. Drag, resize, and rotate the device and caption right on the canvas.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;🏞️ Connected panorama backgrounds&lt;/strong&gt;&lt;br&gt;
Flip on &lt;em&gt;panorama&lt;/em&gt; and one continuous gradient flows across the whole deck — each slide shows its slice. It's the "scrolling" look you see on a lot of polished store pages now.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;⭐ Decorative elements&lt;/strong&gt;&lt;br&gt;
Drop in star ratings, badges ("NEW", "Editor's Choice"), pills, shapes, and Font Awesome icons. Recolor and reposition freely.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;🔤 Typography that matches your brand&lt;/strong&gt;&lt;br&gt;
20 fonts (Outfit, Poppins, Montserrat, Space Grotesk, Fraunces, Bebas Neue, plus Thai faces like Kanit &amp;amp; Sarabun), applied across the deck. Per-slide caption color + size when you need it.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;🌍 Multi-language, first-class&lt;/strong&gt;&lt;br&gt;
Captions are per-locale, and screenshots can be templated by locale (&lt;code&gt;{locale}&lt;/code&gt; in the path). Target &lt;code&gt;en&lt;/code&gt;, &lt;code&gt;th&lt;/code&gt;, &lt;code&gt;ja&lt;/code&gt;, … and they all export together.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;📦 One-click export bundle&lt;/strong&gt;&lt;br&gt;
The big one. Export and you get a ZIP organized by &lt;code&gt;platform/device/size/locale/&lt;/code&gt; — drop it straight into App Store Connect / Play Console. No manual resizing, no renaming.&lt;/p&gt;




&lt;h2&gt;
  
  
  How you use it (about 3 minutes)
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Start from a template&lt;/strong&gt; — pick a ready-made 5-slide story (Hero → Features → CTA), or start blank.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Drop your screenshots&lt;/strong&gt; — bulk-upload your app screens; one slide per image. Pick a deck template + font.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Write captions &amp;amp; export&lt;/strong&gt; — type your labels/headlines (per language), then hit &lt;em&gt;Export bundle&lt;/em&gt;. Done.&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  Try it
&lt;/h2&gt;

&lt;p&gt;👉 **&lt;a href="https://screenshot.oneable.co.th" rel="noopener noreferrer"&gt;https://screenshot.oneable.co.th&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;If you ship mobile apps, I'd genuinely love feedback: what device sizes, templates, or export formats are missing for &lt;em&gt;your&lt;/em&gt; workflow? Drop a comment.&lt;/p&gt;

&lt;p&gt;Happy shipping 🚀&lt;/p&gt;

</description>
      <category>automation</category>
      <category>mobile</category>
      <category>showdev</category>
      <category>tooling</category>
    </item>
  </channel>
</rss>
