This content originally appeared on DEV Community and was authored by a.infosecflavour
Good day,
I'm proudly announcing you that my first Figma portfolio is ready!
🗣️: What, are you a web-designer now?
No! You don't have to be a web-designer to create a portfolio in Figma. In fact, I illustrated my cyber security learning journey through it.
Check it out here.
While indeed- it's a prototype and not actually published to Figma Community, the portfolio is ready to be explored.🌐
🗣️: Why did you create it in Figma?
Because I find the platform extremely interesting! Based more on visuals than on writing, you can create a beautiful narration through images, animations and external links, with no code.
Landing page
The first moment you access the portfolio, you'll recognize pop-art elements. I wanted to express myself through this style, breaking free from the usual cyber security themed patterns.
The screenshot below illustrates a glimpse of the landing page, presenting the first section.
Website sections
Curious what you can find in my portfolio? On the landing page, I created three sections two of them being divided in other sub-sections. Each of the section has its own flavour.
- Walk through
➡️DEV blog (yes, I am showcasing my blog!)
➡️Projects
➡️Token info
Curriculum Vitae, Certifications & Professional Contact
What languages do I know?
👉 Technologies
👉 Foreign languages
Let's take everything step-by-step. 🪜
Walk through
This section hosts a compilation of write-ups and projects + an about me type of page. Walk through the path of my learning journey. 👟
The moment you click on DEV blog section, a new tab will open with a prompt message announcing you are about to leave Figma. With that said, the redirect is not automatic, unless you'll check the box under the message so that on your 2nd visit the DEV.to page will open directly. Projects represents the reference for my Notion.so projects.
Where you can get a short identity description of whoami and how to get in touch with me is on the suggestive page titled Token info.
Curriculum Vitae, Certifications & Professional Contact
What would be a portfolio without pointing out the course of life (English for curriculum vitae) and formal acknowledges of life- long development? The documents themselves are hosted externally and can be provided upon request. Click on the link referenced in the section, to find out more!
What languages do I know?
A technology is like a foreign language. Whether you try to learn Spanish or demystify GCP, when you first encounter that you won't understand a thing! Progressively, the S3 and EC2 will be a piece of cake, as the German articles. 📎
Under Technologies, you can find the tech stack I operate with, while under Foreign languages I showcase my knowledge level in English, German and French.
Technologies steals the show by being constructed with star- rating animation in mind. Thanks to Star Maker plugin and this tutorial, I managed to breathe life into my idea.🌠
On the stage performs as no other Foreign languages , with a progress bar type of animation, due to this wonderful design. By the way, which of these animations do you like the most? Let me know in the comments!
What's your input so far? Have you ever done a portfolio on Figma? Add your value to the discussion and hit the submit button. 😎
For getting in touch, have a look here.
This content originally appeared on DEV Community and was authored by a.infosecflavour
a.infosecflavour | Sciencx (2025-06-27T18:21:27+00:00) My first portfolio in Figma. Retrieved from https://www.scien.cx/2025/06/27/my-first-portfolio-in-figma/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.