IG Carousel Preview

Bunch

Test hoe je Figma-carousel er écht uitziet op Instagram — juiste ratio, crop en UI-overlap — voordat je 'm post.

① Modus

Zelfde slides, andere weergave — schakel vrij tussen feed- en story-preview.

② Slides toevoegen

Sleep je geëxporteerde PNG's, JPG's of MP4's hierheen
of klik om te bladeren

Sleep in de lijst om de volgorde aan te passen. De eerste slide bepaalt de crop-ratio die Instagram op de rest toepast (feed-modus). Foto's en video's mixen mag — precies zoals in de echte IG-app. Deze slides blijven lokaal bij jou; alleen de grid-context bij stap ⑦ wordt gedeeld met het team.

③ Direct uit Figma (optioneel)

Token blijft alleen lokaal in je browser (localStorage) — wordt nergens naartoe gestuurd behalve rechtstreeks naar api.figma.com. Werkt dit niet door CORS/browserbeveiliging? Exporteer de frames dan als PNG (Cmd+Shift+E) en sleep ze bij stap ② in.

④ Formaat

1080 × 1080px — huidige IG-specs.

⑤ Post-details

Verified badge

⑥ Weergave

Dark modeZo ziet je post eruit in donkere modus
Safe-zone overlayToont waar UI-elementen over je beeld liggen
Statusbar / IG-headerToont het volledige telefoonscherm

⑦ Grid-context — gedeeld met team

Instagram heeft geen publieke manier om je feed live op te halen (geen CORS, login vereist). Deze grid-context is daarom een gedeelde referentieset: upload 'm 1x, en iedereen die deze tool opent ziet dezelfde 8 thumbnails — inclusief updates van collega's.

Sleep je laatste grid-thumbnails hierheen
of klik om te bladeren

Volgorde = chronologisch na je nieuwe post. 📌 pin een beeld (max. 3, zoals Instagram) om het er altijd vóór te laten staan. Slepen kan hier in de lijst, of direct in de grid-preview rechts. Wie hier iets toevoegt, verwijdert of pint, wijzigt de set voor het hele team.

Live preview

1080 × 1080px · 1:1 · geen slides
9:41📶 📡 🔋
Instagram
B
bunch.agency
Upload slides om te starten →
Alle 34 reacties bekijken
2 UUR GELEDEN
Reactie plaatsen...

Zo landt slide 1 op je profielgrid

Instagram crop't je profielgrid tegenwoordig naar een staande 3:4-tegel (niet meer vierkant) — ook als je post zelf 1:1, 4:5 of 1.91:1 is. Voeg bij stap ⑦ je bestaande grid-thumbnails toe om de context erbij te zien.