Social
Social Media App Design Template
A photo-led social media app design with a bright white canvas and an electric-indigo accent, built for founders and designers shipping a community or sharing product.



プレビュー
画面を探索
social mediaモバイルアプリデザインをプレビュー。Sleekで完全に編集可能です。
Social Media Appについて
This social media app design template puts photography first: crisp white backgrounds, heavy black headings, and a single electric-indigo accent that carries stories rings, the floating create button, and primary actions. Rounded avatars, soft pill buttons, and generous spacing keep busy feeds and grids legible across every screen.
The template ships six connected screens that form a complete social loop. There's a Pulse feed with a stories tray and full-bleed photo posts, a masonry Discover grid with category filters, a Post composer for sharing an image with caption, location, and music, an Activity screen for follows and likes, an Inbox for direct messages with an active-now row, and a creator Profile with post stats and a media grid. Together they cover browsing, posting, reacting, and chatting end to end.
Use it in Sleek and make it yours: restyle the indigo palette, edit any screen with AI by describing the change, and add the flows your product needs. Export it to code, copy it straight into Figma, or hand a prompt to an AI agent to build it into a working app, all far faster than starting from a blank canvas.
中身
含まれる画面
Pulse Feed
The home feed opens with a stories tray topped by a "My Story" add button, then full-bleed photo posts with author, timestamp, and like and comment counts. The floating indigo plus button anchors quick posting.
Discover
A masonry grid of photos and videos under a "Discover anything..." search bar with scrollable category chips like Photography and Travel. Built for browsing trending content and creators.
Post
A composer that previews the selected image with edit and expand controls, a caption field, and rows to Tag People, Add Location, and Add Music before tapping "Share". The core sharing flow.
Activity
Notifications split into "New Notifications" and "Earlier", with inline Follow and Confirm or Delete buttons plus thumbnails of liked posts. Keeps engagement actionable in one tap.
Inbox
Direct messages with an active-now avatar row, a search bar, and chat rows showing names, message previews, timestamps, and unread dots. Group chats get their own icons.
Profile
A creator profile with avatar, verified handle, posts, fans, and pulse counts, a bio with link, Edit Profile and Insights buttons, and a tabbed media grid. The personal hub.
デザインと機能
主な機能
- Photo-first layout on a bright white canvas
- Electric-indigo accent for stories rings and the create button
- Stories tray with add-your-own ring
- Masonry Discover grid with category filter chips
- Post composer with tag, location, and music rows
- Activity feed with inline follow and confirm actions
- Direct message inbox with active-now status row
- Floating center create button in the tab bar
対象ユーザー
誰向けか
ユースケース
何が作れるか
- Launch an MVP for a photo-sharing or community app
- Mock up screens for an investor or stakeholder pitch
- Hand a consistent social media app UI off to developers
- Explore a redesign of an existing social feed
このテンプレートの使い方
- 1
テンプレートを開く
画面をブラウズし、フルデザインをプレビューして、アイデアに合うか確認しましょう。
- 2
このテンプレートを使う
ワンクリックで、完全に編集可能な自分用のコピーをSleekで開けます。
- 3
AIで編集
パレットの変更、レイアウトの調整、画面の追加や削除も、欲しいものを説明するだけでできます。
- 4
エクスポートして公開へ
デザインをエクスポートするか開発者に渡し、ローンチに向けて作り続けましょう。








