Motiff MCP Server (Model Context Protocol server) is a lightweight program that supports reading design data via the API, which serves as a intermediary, connecting AI coding tools to Motiff. Integrate it into local IDEs to code with AI. Learn more
You can create number variables. Number variables are supported for layer properties such as width and height, corner radius, stroke, effects, auto layout, and layout grid.
Now you can preview your text in different fonts, font weights, and font sizes directly on the canvas without actually changing the font settings, to filter out the right fonts more efficiently.
Now you can use the paint bucket tool to add multiple fills to a single vector layer, eliminating the need to overlay multiple layers to achieve complex design. This allows you to design in a more efficient and flexible way, and makes it easier to achieve rich visual layers.
We heard your feedback—crowded comment threads were making it harder to focus on the canvas. Now, Motiff intelligently aggregates related comments into a single bubble, keeping your canvas clean without losing context.
On the enterprise plan, admins can configure how members log into Motiff. By setting members to log in via SAML SSO or a Google account, the risk of data security breaches due to password leaks can be avoided.
Motiff have enhanced our fallback font system to better support multilingual design workflows. The updated logic now automatically prioritizes language-specific fonts when the primary font lacks required characters. For example, if the font doesn’t include Japanese glyphs, Motiff seamlessly switches to a secondary font that does, ensuring text remains readable and visually consistent.
You can view the number of times each component is referenced in the library, the existing instances, and the trend of detached instances. You can also compare data by team or file. This helps you analyze the specific usage of your component library.
You can generate UI for mobile or web dimensions. Additionally, upload reference image as input is supported to more accurately express your intent.
Now, the frame title displayed on the canvas automatically adapt to the background color, ensuring good contrast and readability across different background colors.
You can now create color variables and set variable values of different modes to speed up the process of multi-theme designs, such as dark mode, high contrast, etc. Regardless of the version you're using, you can create and use up to 99 variable modes. More variable types will be introduced soon. Learn more
You can now easily remove all auto layouts on the selected frame and its nested frames using "Remove all auto layout" feature in the right-click menu under "More layout options".
In Develop Mode, UIColor, ARGB, and other syntax suitable for SwiftUI and Compose code are now supported. You can select the syntax that matches your coding preferences, allowing you to directly apply copied color properties in your code.
We optimized the logic for calculating text line heights and baselines, making the design in Motiff more closely aligned with the actual rendering results in the development phase.
When creating a new frame, we support preset sizes for iPhone 16 series devices, which allows you to preview your designs even if you don't have the latest devices. Moreover, we have added preset sizes for common paper sizes, making graphic design more convenient.
We have added SwiftUI and Compose to Develop Mode. You can choose from the code settings in Develop Mode as needed.
On the Organization plan, admins can set up a default library for the entire organization. This library will be automatically enabled in all files created within the organization. Organization members will no longer need to enable it manually for each new file. Learn more
In the Organization plan, admins can enable and configure SAML SSO for the organization to help prevent password breaches. Once enabled, organization members can use SSO to log in Motiff securely. Learn more
You can now manage the types of email notifications you want to receive in your account settings to minimize unnecessary interruptions. Learn more
Team admins can set up a default library for the team. This library will be automatically enabled for all files created within the team. Team members will no longer need to enable it manually for each new file.
Moreover, any user can manage default libraries for their personal drafts in account settings. Learn more