Subscribe
Sign in
What do you expect from the designer who gives you the design files for your website development?
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?
4
Replies
Best
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.
Report
Share
@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.
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.
- 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