Skip to main content
Solved

How can I add name to both prototypes on the sides?

  • September 7, 2022
  • 5 replies
  • 1012 views

Mykola_Havrylov

How can I add name to both prototypes on the sides? The middle one is already named but I need to write down the names to the ones on the sides:

Link to the prototype: https://www.figma.com/file/WHe5zhSAzE4Y7Tx9mu0oO1/Wireframing-in-Figma?node-id=531%3A1277

Best answer by Dennis_N

You don’t necesserly need to use AutoLayout but I suggest to take a look how it works and how to use it properly. Take the time and watch some tutorials on youtube. It’s a core feature of figma and was mindblowing for me. If you are used to it it’s a really useful tool but if you never worked with it before it indeed is not that easy at first.

You need to work with lots of frames in frames and set up if the AutoLayout should be horizontal or vertical, you need to set up spacings and paddings but in the end your wireframes and designs are dynamical. You can easily change positionings by drag ‘n’ drop and if your content changes, things automatically get pushed up or down.

I saw that you already worked with components, which is great! I would recommend you to use even more components. For example you could create a header and footer component and use them across your document. If you need to change them, you can do these changes in one place instead again and again for every screen. Have in mind, that you can create “nested components” which means you can have components within components.

Keep it up 🙂

View original
This topic has been closed for replies.

5 replies

Dennis_N
  • Power Member
  • 188 replies
  • September 7, 2022

Hi Mykola,

you just need to wrap each individual page with one frame (f).
That frame you can than give a name.

You can have frame within frame and use “auto layout” to automatically stack your modules.


Mykola_Havrylov

Thank you Dennis, it worked!


Mykola_Havrylov

Hm, not sure why it does this though Vidyard Recording?


Dennis_N
  • Power Member
  • 188 replies
  • Answer
  • September 8, 2022

You don’t necesserly need to use AutoLayout but I suggest to take a look how it works and how to use it properly. Take the time and watch some tutorials on youtube. It’s a core feature of figma and was mindblowing for me. If you are used to it it’s a really useful tool but if you never worked with it before it indeed is not that easy at first.

You need to work with lots of frames in frames and set up if the AutoLayout should be horizontal or vertical, you need to set up spacings and paddings but in the end your wireframes and designs are dynamical. You can easily change positionings by drag ‘n’ drop and if your content changes, things automatically get pushed up or down.

I saw that you already worked with components, which is great! I would recommend you to use even more components. For example you could create a header and footer component and use them across your document. If you need to change them, you can do these changes in one place instead again and again for every screen. Have in mind, that you can create “nested components” which means you can have components within components.

Keep it up 🙂


Mykola_Havrylov

thank you Dennis


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings