Symbols

Symbols are reusable grouped components that can be used across multiple pages. You can turn it into a Symbol and place it anywhere, whether it’s a button, header, or any other design element.

Watch this short video tutorial to learn how to create and use symbols within your wireframe project in MockFlow:


This article guides creating and adding a new symbol, as well as using it. For assistance with other symbol operations, please refer to the following articles:

  1. Editing a Symbol
  2. Editing an Instance
  3. Detaching a Symbol
  4. Resetting a Symbol

Adding Symbols in your MockFlow Project -


1Select the grouped component you want to convert into a symbol. You'll see the Create Comp/Symbol option in the left sidebar click on it.


Screen Shot 2024-08-30 at 7.37.46 PM.png


2Alternatively, you can add the grouped component to the symbols by selecting the grouped components and clicking 'Add as Symbols.'


Screen Shot 2024-09-03 at 4.21.23 PM.png


3Enter a name for the Symbol and click on 'Add Component'.


Screen Shot 2024-07-10 at 5.48.28 PM.png


4The selected grouped component will now be added to the Symbols section.


5To use the Symbol, drag and drop it onto the canvas.






Rate this article
great ok bad
For more questions - Contact Us
...