I want to be able to develop my user interface designs from figma. Do I need to learn HTML or just CSS and Javascript? And what are the best resources for that?
So far in dev mode, I’ve only seen the CSS codes so I was wondering if it’s the only thing I need to learn.
2
Answers
To develop user interface designs from Figma, you’ll need to learn HTML, CSS, and JavaScript.
why:
HTML: This is the foundational language for creating web pages. It defines the structure of your content, such as headings, paragraphs, images, links, and buttons. While Figma might show you the CSS, you’ll still need to know how to structure your content in HTML.
CSS: CSS is crucial for styling your HTML elements. It allows you to control the layout, colors, fonts, spacing, and other visual aspects of your design. Figma’s dev mode shows CSS because it’s directly related to how the design looks.
JavaScript: This is essential for adding interactivity to your web pages. If your Figma designs include dynamic elements like modals, dropdowns, or interactive forms, you’ll need JavaScript to bring those to life.
Recommended Resources
HTML & CSS:
JavaScript:
Learning these three languages will give you the skills needed to turn your Figma designs into websites.
Webpage design is about collaboratives, and I would like to show you a few tricks: