Importing and Using External Design Systems
Last updated October 31, 2023
Introduction: In the dynamic world of digital design, leveraging external design systems can significantly streamline the design process and ensure consistency. With Noya, importing and integrating external design systems is a breeze. This guide will elucidate the steps to seamlessly incorporate external design assets into your projects.
Step-by-Step Guide to Importing External Design Systems:
- Preparation:
- Ensure the external design system is available in a compatible format (e.g., .ZIP, .DSGN).
- Organize the files to include assets, typography, colors, and other design elements.
- Accessing the Import Feature:
- From your Noya dashboard, navigate to the 'Import' section.
- Click on the 'External Design Systems' tab.
- Uploading the Design System:
- Click on the 'Upload' button.
- Browse and select the desired design system file from your computer.
- Mapping Design Elements:
- Once uploaded, Noya will prompt you to map the design elements to corresponding categories (e.g., fonts to typography, colors to palette).
- Ensure each element is correctly categorized for optimal integration.
- Integrating with Existing Projects:
- Navigate to the project where you wish to apply the external design system.
- Under 'Design Systems', select the imported system from the dropdown.
- Customizing Imported Assets:
- While external design systems provide a foundation, customization ensures alignment with project specifics.
- Modify colors, fonts, or assets as required, while retaining the essence of the external system.
- Testing and Preview:
- After integration, preview the project to ensure the design elements render correctly.
- Test interactive components to ensure functionality remains intact.
- Collaboration and Feedback:
- Share the integrated design with team members for feedback.
- Collaborative tools in Noya allow for real-time feedback and adjustments.
- Updating the External Design System:
- As external design systems evolve, ensure you have the latest version.
- Re-import updated versions and apply them to projects as needed.
Conclusion: Utilizing external design systems not only accelerates the design process but also ensures a standardized approach across projects. With Noya's intuitive import features, designers can effortlessly integrate and customize external assets, fostering creativity while maintaining design integrity.
Was this article helpful?