You can assign use-case notes to each element in a design with the Documentation feature. Choose code, then a language, and add your snippet to the field provided. Then select an element and click the “i” tab on the right-hand panel. To add “specifications,” first make sure you’re using the advanced editor view located in the bottom left corner of the editor.
UXPIN PROJECT CANVAS CODE
To keep everyone - including developers - from inventing non-standard code, you can assign code and comments to specific elements. Sometimes we want to reuse standard code snippets that make future updates easy. For example, choosing a box element will let you control its color, border, corner radius, typography, custom CSS, and more. The right-hand panel is context-sensitive, meaning it changes depending on which element you’ve selected - if any. The search feature looks for elements in your active element libraries (see the next section). To choose an element for your work, drag it from the search results into your canvas.
Search remembers the last few elements you used, making them conveniently available for reuse. From there you can drag any element onto the canvas. Elements appear as soon as you type two or more letters. Type cmd-F (Mac) or ctrl-F (Windows) to call forth UXPin’s search panel. UXPin’s hundreds of design elements are organized into “libraries.” If you don’t need every element in your work, you can control which elements are available to use and search for by clicking the “libraries” button on the right, then clicking “manage libraries” at the bottom of the library-select list. “Advanced” mode lets you add code specifications per element ( see below) and work with multistate elements “simple” mode hides these features to de-clutter the interface. Change the workbench (off-canvas area) color.Enable or disable “smart” snapping between objects.Switch between the interface’s light and dark modes.
Look under the View Options menu to customize your interface to better suit your workflow and screen space. The editor is organized into distinct areas: Toolbars, elements, canvas and breakpoints, and layers. It includes tools, element libraries, and a working canvas upon which to construct great mockups. The Editor is your tool to create wireframes, mockups, and prototypes. Luckily, many tools, menus, and widgets accompany UXPin’s canvas, turning you into an efficient design powerhouse. A blank canvas can be an intimidating place to start.
0 kommentar(er)
