DEV Community

Cover image for A Front-end developer using Figma

A Front-end developer using Figma

Alba Silvente Fuentes on February 28, 2021

In this post I want to tell you my first experience with Figma, how I am defining my design system, what resources I have found and how to create s...
Collapse
 
cearacrawshaw profile image
Ceara C

This is SO AWESOME to see a front end dev perspective on Figma - I am obsessed. If you haven't dug into auto-layout in there, you'll be mind blown.

I'm really glad you found it made you more consistent - was that because you were pushed to 'build the file' properly with the aim of making a design system?

What pushed you to explore Figma in the first place?

Collapse
 
dawntraoz profile image
Alba Silvente Fuentes

My main goal when I started creating the design system was to be able to extract everything I had done in my website to be able to use it in other types of assets, socialmedia cards, slides, banners, ... so I wouldn't have to fight with external templates, from Canva for example, to look like my brand.

The fact of choosing Figma was because in Illustrator I didn't have the necessary functionalities to do web design and because I didn't have a Mac, so Sketch was not an option for me, I chose it for being online and in the end, multiplatform. And the truth is that I am very happy with how it works! Love it!

Collapse
 
lauragift21 profile image
Gift Egwuenu

This is amazing Alba! I love the outcome and the fact that you can create slides from this. Do you have any idea if that plugin exists for Sketch? I will like to do something like this for my brand too.

Collapse
 
dawntraoz profile image
Alba Silvente Fuentes

Oooh thank you Gift 😍
Your brand is amazing, we need to see the pink slides in place 💃🔥

Maybe this could help? sketchapphub.com/resource/sync-to-...

Collapse
 
omawhite profile image
Omar White

Great article, you’ve basically done what I’ve wanted to do with figma for a while for my side projects, but I haven’t found a good place to start. Definitely going to be using this article as a reference point.

Collapse
 
anmshpndy profile image
Animesh Pandey

I was looking for something on this, thanks a lot! Great work, Alba.

Collapse
 
dawntraoz profile image
Alba Silvente Fuentes

I'm glad it's useful for someone else 😍🤗

Collapse
 
bscott profile image
Brian Scott

Thanks for sharing, one very useful plugin I've found is the Export Code plugin. Oombla.com

Collapse
 
dawntraoz profile image
Alba Silvente Fuentes

What a cool thing, thanks a lot for sharing it too! 💜

Collapse
 
matheo profile image
Mateo Tibaquirá

Awesome stuff Alba,
right in time to refactor the Design System of my company 🎉

Collapse
 
dawntraoz profile image
Alba Silvente Fuentes

Thanks a lot Mateo, and that's amazing 🍾 I'm pretty sure you will have a nice experience refactoring it 😍