Design System
Design System Rules:
Mandatory Design System Usage: All designers are required to adhere to the Urapolku - Official Design System.
Responsive Design: Each element in the design system has three versions for Desktop, Tablet, and Mobile screens. Ensure that the appropriate version is used while designing for each screen type.
Comprehensive Style Usage: The design system encompasses fonts, colors, layout grids and effects. It's imperative to utilize these predefined styles in your designs.
Customization Allowance: If a designer needs a custom component, icon or style for a specific design, they can customize existing components or create new ones within their design file. Note: Create a Section within the design file to house all customized or new parent components for easy access and future updates.
How to Add Design System to Figma:
To integrate the design system into your Figma file:
Open a new Figma file.
Click on 'Assets' in the top left corner.
Click on the '📖' book icon.
Locate 'Urapolku - Official Design System' in the library and click 'Add to File.' The design system is now accessible for components and styles.
Spacing Rule:
Standard Spacing: Maintain a consistent 4px spacing system for all design elements and screens.
Icon set:
We have an icon set included in our design system, each icon has 5 size variants - 48, 40, 24, 20, 16. For different design requirements across all screens in all three devices.
Figma Design System File :
Final Note:
Remember that these rules and the design system are tools to maintain a structured and convenient working environment for all designers and developers in Urapolku. While they provide guidance, creativity and experimentation are still encouraged in the design process.
In exceptional cases where adherence to these guidelines is a challenge, necessary actions will be undertaken. Persistent non-compliance may lead to exclusion from the project, and no compensation will be granted in such instances.
Last updated
Was this helpful?