Design & Code Twitter Home Page with JavaScript, CSS & Figma

Transfer UI UX Design to Front-End Native Web Development Components with HTML, CSS, JavaScript, Lit JS, & Figma

Created by: Boroji Design Inc.
Where design & code meets

What Will I Learn?

• Design Figma components & develop them using JavaScript
• Utilize native web component API to develop reusable custom elements
• Fast-track native web component development using Lit JS framework
• Encapsulate your CSS & JavaScript logic to develop light & dark theme components
• Design custom components using Figma Variants & Auto Layout
• Learn how to set up a Design System in Figma for the Twitter UI Project

Requirements

• Advance knowledge of HTML, CSS, JavaScript
• Intermediate understanding of Figma

Target audience

• Designers who want to add Twitter Figma Project to their portfolio
• Developers who want to transfer Figma components to code
• Developers who want to create native custom components from scratch