CodeNewbie Community 🌱

Cover image for Figma Tutorial: Create a Post Page For a Social Media App | Part 3/3
Eleftheria Batsou
Eleftheria Batsou

Posted on • Originally published at eleftheriabatsou.hashnode.dev

Figma Tutorial: Create a Post Page For a Social Media App | Part 3/3

Before you continue please take a couple of minutes to read Part 1 and Part 2 they are about wireframes and designs. This post will cover the basics of prototyping.

Step 1: Creating Pages

This is our basic design (Image 1)

Part_3.PNG
Image 1

Duplicate the Designs and rename it to Prototyping (Image 2). Let's connect the pages!
Part_3_2.PNG
Image 2

Double click on the menu icon from Home, use the "+" symbol and connect it with the menu. From the menu click on the "Home" and connect it to the Home page (Image 3). The default animation is Instant, you can either change it or leave it as it is (I personally used the "Move In" animation, and I set the direction to the right).
Hit the play button to check your animation.

Part_3_3.PNG

Image 3

Add the rest of the connections according to your design.
Click play to check your prototype!

That's it. Simply, right?


👋Hello, I'm Eleftheria, a front-end developer, master student, freelancer, public speaker, and chocolate lover.

🥰If you liked this post please share.

🍩Would you care about buying me a coffee? You can do it here: www.buymeacoffee.com/elef but If you can't that's ok too!

cofGif.gif


🙏It would be nice to subscribe to my Youtube channel. It’s free and it helps to create more content.

🌈Youtube | Codepen | GitHub | Twitter | Site | Instagram

Top comments (2)

Collapse
 
manslie3 profile image
manslie3

Tidal occasionally hosts live performances and events featuring artists from their platform. Having a significant follower count can increase your chances of being invited to perform at these events buy tidal followers, providing exposure to a wider audience and potential new fans.

Collapse
 
andersenlab profile image
Andersenlab

I've been working as a digital designer and UX designer for over 12 years now. I am always looking for new ways to improve my design process. This post immediately peaked my interest. The most important features for a post page are the following: the post title, author's name, date of publication, categories, and tags. I usually like to do research on a product before purchasing it. If you're interested in finding a partner to help create a custom social media app, please get in touch!