skip to Main Content

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


  1. To develop user interface designs from Figma, you’ll need to learn HTML, CSS, and JavaScript.

    why:

    1. 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.

    2. 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.

    3. 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

    1. HTML & CSS:

      • MDN Web Docs: A comprehensive and beginner-friendly resource for learning HTML and CSS.
      • CSS Tricks: Great for learning CSS, with lots of tutorials and guides.
      • FreeCodeCamp: Offers free courses that cover HTML, CSS, and JavaScript with hands-on exercises.
    2. JavaScript:

      • JavaScript.info: A detailed resource for learning JavaScript from the basics to advanced topics.
      • Eloquent JavaScript: A book that covers JavaScript in depth with practical examples.

    Learning these three languages will give you the skills needed to turn your Figma designs into websites.

    Login or Signup to reply.
  2. Webpage design is about collaboratives, and I would like to show you a few tricks:

    1. If you want to learn ONLY UI design, I recommend you to learn CSS only
    2. If you want to learn scripting, (higher level of programming), I recommend you to learn JavaScript (JS)
    3. If you want to learn Website elements’ arrangement, you should learn HTML
    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search