Wireframes: Low-fidelity sketches or digital representations of the layout and structure of the user interface. Mockups: High-fidelity static representations of the user interface design, created using Figma. Prototypes: Interactive prototypes showcasing the user interface's functionality, transitions, and interactions, using Figma's prototyping features like clickable elements and animated transitions. Design Components: Libraries of reusable UI components organized in Figma's components panel for consistency and efficiency in design. Style Guides: Documenting typography, color palettes, iconography, and other visual styles using Figma's style libraries and design system features. Design Systems: Comprehensive design systems that define and maintain the visual language and component structure for the project, leveraging Figma's design system features. Exported Assets: export assets in various formats (PNG, SVG, etc.) for use in development. Handoff to Developers: Provide developers with access to design specs, assets, and CSS attributes directly within the Figma file.