What do you expect from the designer who gives you the design files for your website development?

Vertika Nigam
4 replies
As a web developer, you receive the design files from your designer. A lot of times, it becomes a struggle to follow through those design files because of the way they are built. What do you exactly expect from your website designer and his/her design files (on Figma?

Replies

Mani Teja Noone
A well-structured and detailed design handoff is crucial for efficient collaboration. Some key things that can streamline the process: 1. Clear naming conventions and file organization 2. Detailed design specs (fonts, colors, spacing) 3. Responsive design considerations 4. Reusable components and styles 5. Annotations/comments for context Open communication between designers and developers is key.
Share
Mani Teja Noone
@vertikanigam, Sounds great, I would definitely be interested in exploring the design system. Please drop a note to me when you launch it. Additionally from developer perspective, some key things are, 1. Providing design tokens/variables early on for colors, typography, spacing, etc. This allows developers to implement a consistent design system from the start. 2. Sharing interactive prototypes or design specs that showcase interactions, animations, and micro-interactions. This clarity upfront prevents rework later. 3. Collaborating on a shared design system/UI library can ensure consistency across projects and enable reusable components. 4. Regular check-ins and open communication between designers and developers throughout the project lifecycle. Having these elements in place can significantly improve the efficiency of the development process while ensuring a seamless translation of designs into functional, high-quality web experiences.
Share
Mani Teja Noone
Hey @vertikanigam, I wouldn't say that they designers are limited by their intention/laziness or not capable to use their tools. It could be because of tight deadlines, underestimating the efforts, not having a defined process or not having proper communication channels with the devs.
Share
Chuck Alvarez
- Clear and detailed designs communicating layout, functionality, and styling - Use of correct file formats (e.g., PSD, Sketch, Figma) - Inclusion of assets like images and fonts - Openness to collaboration and feedback throughout the development process
Share