imaginebrazerzkidai.blogg.se

Once you are inside a component you have a set of different channels, these are: Sending a message to a component however is like posting a letter to a private address, I mean you wouldn’t go and break into someone’s house and read their mail would you? (well I certainly hope not!) As an analogy, you can think of the current scene as a Townhall with a notice board, which everyone has the right to access.

Send to Current Scene - Sends a message to the scene itself which all components in the scene can access.

Send to Component - Sends a message to the chosen component in your current scene.

Outside of components at the scene level, you have access to the following internal channels With components we are mostly interested in the internal channels. ProtoPie uses the word Channels to describe the destination of the message. The message can be anything you want but I would stick to verbs, also be aware that messages are case sensitive so go UPPERCASE or lowercase but miX cAse at your peril! Channels Send is a response that allows you to send the message in the first place. Receive is only half the story and won’t work without partner Send. Once received the message will trigger any responses that you have added. Your Receive trigger is continuously waiting for the message you set. Receive is a ProtoPie trigger that you set to listen for a particular message. Up and down your nested component hierarchy, into your scenes and into other sibling components which I think is pretty neat! The Receive trigger You can send messages pretty much everywhere. I can guarantee however that sending a message within ProtoPie will enable you to trigger interaction stuff in your components. The difference is I can’t guarantee sending that message will get you a coffee. If you don’t have any coding experience and have absolutely no idea what I’m on about then think of them as text messages such as you might send to a friend such as “make me a coffee”. If you have any coding experience you could think of these ‘messages’ as EVENT messages. These work by allowing us to send text messages between sibling components and nested components.

This is useful if you have optional items and states, just click the eye icon as you would any normal layer.Īny native text layer in your component can have its text overridden.Īs well as manipulating the layers and text values you can override the following nested object properties in the layer’s properties panel:Ĭomponents can talk to each other by using Send and Receive.

Hide any layer inside of your instance directly in the layers panel. Any changes you make to a component instance aren’t reflected in the master. OverridesĪs you would expect components have similar functionality to other popular design tools such as Sketch and Figma, Change something in the master component and all instances will change. To use a component simply drag and drop it from the panel into your scene. Either hit the component button in the toolbar or right-click a group, and choose Convert to Component.Īll components live in the component panel which is docked to the left edge of the interface with the scenes panel. There are a few ways to make a component. I guarantee that after reading this you’re gonna feel excited and empowered so put on your seat belt, secure any baggage in your overhead locker and prepare for take-off 🚀. In short, you have everything you need to build an off the shelf design system for your rapid prototyping needs.Īnd remember kids this is a no-code environment so anyone, no matter their skill level can start creating components only after using ProtoPie for a few hours. Imagine just dragging out a checkbox or a custom button with a cool animation that’s all built-in no mess, no fuss rapid prototyping as it should be.Ĭomponents have flexible layouts, overrides, and can be nested infinitely enabling the creation of modular UI elements. You can create a set of components that can be dragged and dropped into a prototype and just work.

Components give you a huge amount of power when you are creating prototypes.