logo
Resources
Table of content
Motiff AI
Interface
Layers and tools
Layer properties
Design systems
Prototypes
Dev Mode
Collaboration
Import and export
File settings
Account
File management
Team management
Sharing and permissions
Billing
Organization
Apps
Work with support
Help Center/Motiff AI/AI Design Systems/AI Design System Creator

AI Design System Creator

The AI Design System Creator recognizes styles and components that can be extracted from a team’s design files, which can assist you in building a design system.

Use AI Design System Creator

  1. 1.Click on AI Design System Creator at the top right corner of the workspace.

'AI Design System Creator.png'

  1. 2.After selecting the files you want to recognize, click Start recognizing.

Tip: Motiff will recognize all interfaces in the file. To avoid recognizing unintended content, you can organize the design files before the recognition process.

'Start recognizing.png'

  1. 3.View the recognition result.

'Recognition result.png'

Recognition results

Motiff will organize the recognition results in separate pages according to their types. You can switch pages to view different types of styles and components. 'page.png'

View sources

Motiff supports viewing the usage frequency and usage scenarios of the recognition results to help you decide whether to create them as styles or components. 'View sources.png'

Publish a library

You can create the selected recognition results as styles and components and publish them for team members to use. 'Publish a library.png'