How To Design Attractive Portfolio Websites using FIGMA

How To Design Attractive Portfolio Websites using FIGMA

·

2 min read

Table of contents

No heading

No headings in the article.

If You Are Searching For How To Design Attractive Portfolio Within using Figma, Then You Are At Right Place, In This Hashnode Blog Post I am Sharing How I Made A Creative & Attractive Portfolio Websites Within 30 Minutes.

Your web design portfolio is arguably the single most important key to success as a web designer or front-end developer. For that reason it’s important that your portfolio instils confidence in any prospective client.

Clients are most likely to judge your current skills and expertise on the quality level of your portfolio, and therefore this needs to show off your best work.

If You Are Student Or Beginner Freelance Developer Then Use Free Version of Figma

Below I am Sharing The Documentation & Step by Step ways to design Of My Simple Portfolio.

(1.) First Go To Figma.com Click On Get Started & Sign Up an Account.

figma.png

(2.) Click On New Design File To Create/Design a Layout

1.png

(3)Then Click On Frame Button & Select Your Canva Size. In My Case I Select Macbook Pro 14.

frame.png

(4.) Click On Shape For All Types Of Shape To Design

shape.png

(5.) Pen & Pencil Button Is For Drawing & So on

The Most Important Thing Is Component / Plugin / Widgets Button I Will Share More About Plugins & Widgets Blog On The Upcoming Days*

( 6. )Designing. Well Designing Is the Creative Part, You Have To Think Design On Your Brain First from scratch, After Many Revision Final Outcome will come.

design.png

(7) Add More Pages & Frames After Finishing the Main Home Page Create More Pages to complete the whole website.

(8)After Complete the Design Interlink The All Pages With Each User which is called Wire/Framing

You can use Lorem Ipsum plugin, mostly used by designers to fill a space where the content will eventually sit. It helps show how text will look once a piece of content is finished, during the planning phase.

Check Out My Portfolio:https://www.figma.com/file/NKxJbzmDMucePQbEiAMCXt/nekib?node-id=0%3A1 {use pc/laptop}

Follow Me On Instagram & Github id> nekib404