设计很漂亮但开发出来却很丑可能是由于以下原因：
技术限制：在设计阶段，设计师可以使用各种高级图形和动画效果，但在实际开发中，可能由于技术限制或平台不支持，无法完全还原设计。例如，一些特殊的字体、动画效果或图形可能在特定浏览器或设备上无法实现，导致设计的失真。
沟通问题：设计师和开发人员之间的沟通不畅可能导致开发过程中的误解和错误。设计师可能没有提供足够的细节或规范，使得开发人员难以准确地实现设计。
时间和预算限制：在现实项目中，开发进度可能受到时间和预算的限制，因此可能没有足够的时间和资源来完美地实现设计。
兼容性问题：不同浏览器和设备的兼容性问题可能导致设计在某些平台上看起来不如预期。开发人员可能需要针对不同的浏览器和设备进行优化，这可能会导致一些设计细节的损失。
缺乏用户反馈：设计师可能没有及时获得用户的反馈，从而无法及时调整设计。开发出来的产品可能与用户的需求和期望有所偏差。
要改进这种情况，可以尝试以下措施：
加强设计与开发团队之间的沟通，确保设计师提供清晰的规范和细节，并与开发人员密切合作，及时解决问题。
在设计阶段考虑技术限制，避免使用无法实现的特效和效果，或者提供备选方案。
预留足够的时间和资源，确保开发人员有足够的时间来实现设计。
进行多平台和多设备测试，确保设计在不同环境下表现良好。
收集用户反馈，及时调整设计和开发，以满足用户的需求和期望。