Social Media Branding Kit PSD Figma
About
Boost your productivity and show-off your design work with eye-catching Social Media branding mockups. With these Photoshop and Figma files kit you'll save tons of time while batch-creating multiple visuals at once. The biggest social media pack available containing 43 realistic mockups and 34 social media UI templates.
🔥 Branding presentations with dynamic prototypes
The kit comes with ready-to-use Mobile, Desktop, and TV Figma prototypes. With these, you'll share and present your design work in a distinctive way. Your clients and peers will feel your campaigns are top-notch and ready to launch.
⏱️ Add your designs in one place. Update the templates all together (Watch the video)
Do you remember last time a client asked a change that reflected in the entire project? Don't worry about it anymore. With this kit you'll update the design in one place and it will reflect in all other places without effort.
The Photoshop version uses Smart Objects to do the trick while in Figma you'll have it all organized as components. (Watch the video)
👩🏻💻🧑💻👨🏾💻 Ideal for agencies
The high-quality graphics and easy-to-use features make it the ideal choice for all designers, and social media marketers looking to make your branding presentations stand out.
🖥️ Requirements
The Figma file (.fig) basically requires a free account to edit it. The Photoshop file is a large Photoshop 2022 file (.psb).
What's included?
YouTube
- Mobile light and dark channel page templates
- TV and Desktop channel templates
- Search UI
- Video page template
- 5 realistic iPhone mockups
- 4 realistic TV mockups
- 2 realistic Macbook mockups
- ✨YouTube dynamic prototypes (Figma only)
- Desktop and Mobile Facebook page template
- Facebook App Stories mockup
- Photos and videos tab
- 6 realistic iPhone mockups
- 3 Realistic Macbook mockups
- ✨Facebook dynamic prototypes (Figma only)
- Instagram profile template
- Instagram App Stories mockup
- Instagram timeline UI
- 6 realistic iPhone mockups
- 2 Realistic Macbook mockups
- ✨Instagram dynamic prototypes (Figma only)
- Linkedin company page template
- 6 realistic iPhone mockups
- 2 Realistic Macbook mockups
- ✨Linkeding dynamic prototypes (Figma only)
- Twitter profile template
- 6 realistic iPhone mockups
- 2 Realistic Macbook mockups
- ✨Twitter dynamic prototypes (Figma only)
Files
- Photoshop .psb file with high-res templates
- Figma .fig file with vector-based templates
Others
- Page with instructions
- Social Media UI components (Figma only)
Reviews
2 Reviews
For my branding and style guides I was looking for a way to really showcase the client's visual designs, specifically for Facebook and Instagram. Even though the file includes YouTube, and X, the layers in this file were organized so well, I could hide all the files as needed. It is also very easy to navigate - specifically for Photoshop, I've not used it yet for Figma. My presentation looks SO GOOD! I'll be customizing and adding this to all my brand/style guides. Thank you so much. You've saved me so much time.
The Figma file takes hours to change it all b/c everything is on one file, and all linked together. The photoshop file is a bit easier, but again, everything is on one file, so I couldn't make changes quickly. I wish they were saved in different categories, like Linked In mockups on one file, Twitter mockups on one file, etc., then I could just create whatever specific mock up I want and be done.
Hi! Thanks for the feedback. It’s interesting because I planned the files that way because while using it myself I found it to be bit handy when compared to the experience of having them separate. But I’ll consider your feedback for the next uptate. Maybe having it both separate and another file with everything together could be the best. Have a good one, and keep an eye on the next updates.
Comments
FAQs
- Which Photoshop version is required to edit the files?
- It is required that your Photoshop version supports Smart Objects and multiple artboards. Adobe added the later feature in 2022, so if you have Adobe Photoshop 2022 or later, it should work perfectly.
- Can I use SketchApp to edit the files?
- SketchApp added support for importing and editing .fig files in January 2023. So if you import the .fig file in your SketchApp version 96 or later you should be fine.
- Is there a way to massively find and replace text content?
- Yes! There is a guide inside the Figma file with instructions on how to do it. You can use Figma find and replace built-in feature to massively replace text content with a few clicks. In case you'd like to later apply these changes in the Photoshop file, all you have to do is export the UIs as a 4X-sized PNG. Later, open the Photoshop file, locate the respective Smart Object layer entitled "UI" and update with the new PNG you just exported from Figma. After saving it, it should apply the changes to all mockups using the UI you just updated.
- Will I get free updates in the future?
- Yes! I'll be offering free updates for the rest of 2023. So in case of adding more templates and mockups to the kit, you'll get a free update until the end of the year.
- How can I present and share it with others?
- I recommend Figma's sharing tool for this. You'll find it pretty cool you can share interactive prototypes with your team and clients. All you have to do after adding your designs in the marked spaces is to go to the Mobile, Desktop, or TV pages and click on the play button in the top-right corner. Figma will then open a new tab with the interactive prototype in it. In this mode, you can browse the UI by clicking in the page elements or browse the available UIs in the sidebar. To share it with your client, simply click on the share button and continue from there.
- How do I contact support?
For questions about this product, message the Shop Owner via their shop profile. For all other questions, like licensing or billing, visit our Help Center.
- How can I unzip product files?
PC: To extract a single file or folder, double-click the compressed folder to open it. Then, drag the file or folder from the compressed folder to a new location. To extract the entire contents of the compressed folder, right-click the folder, click Extract All, and then follow the instructions.
Mac: Double click the .zip file, then search for the product folder or product file.
If you continue to have trouble, check out this help article for more tips.
Suggested Searches
based on this productSimilar Templates & Themes
-
$18 $15.30
-
$25 $22.50
-
$24 $16.80