15 articles about Graphic Designer, in reading order.
Graphic Designer
Studio screens and reports are drawn on one canvas, the Graphic Designer. Here's where everything is: the toolbar, the tool rail, the layers and components on the left, the inspector on the right. Touring it, we fixed two small things in its right-click menu.
Graphic Designer
Pan with the wheel, zoom with Ctrl, and press Shift+1 to see the whole drawing or Shift+2 to fill the window with what you selected. Trying them, we found the zoom keys missing and added them.
Graphic Designer
A frame is a screen, a page or a box that holds other things. Start one at a phone's size, draw inside it, and turn it into a tablet: what's inside follows the rules you give it.
Graphic Designer
Drawing a shape, selecting one or several, and moving, resizing, turning, copying and stacking them. Trying each, we fixed three things: a new shape is now selected, the arrow keys move it, and a typed angle turns it in place.
Graphic Designer
Guides that line a shape up with its neighbours as you drag, and buttons that align, match and space several shapes at once. Trying them, we stopped the guides catching shapes that aren't on screen.
Graphic Designer
Keeping shapes together as a group, combining them into one shape, and using one shape to frame another. Trying each, we fixed three things: double-click now reaches a shape inside a group, and a combined shape stays in its frame with its rounded corners.
Graphic Designer
Placing text, giving one word its own weight and colour, fonts and sizes, and choosing whether the box fits the words or the words fit the box. Trying it, we fixed two things: you can now type as soon as you place a text, and styling after typing reaches the whole line.
Graphic Designer
Solid colours, design tokens that follow light and dark mode, linear and radial gradients, and icons from the platform's library. Trying them, we found every icon drawn as a solid blob on the canvas, and fixed it.
Graphic Designer
Rows and columns that arrange themselves: a frame that lines up what is in it with one gap and one padding, keeps it lined up as you add things, and lets one child take the spare room. Trying it, we fixed Ctrl+D, which used to drop the copy on top of the next item instead of into the row.
Graphic Designer
How a shape behaves when its frame changes size: pinned to an edge, stretched between two, kept in the middle, or scaled with the frame. Set once, it holds on the canvas and on every screen size the app runs on. Trying it, we found the ten choices were English in every language, and fixed that.
Graphic Designer
One colour, text style or shape style used everywhere and changed in one place, and design tokens that make it follow light and dark mode. Trying them, we fixed three things in the style dropdown: it ignored the keyboard, showed every token as the same blue, and squeezed its own banner.
Graphic Designer
Make a component from what you selected, place as many copies as you like, change the original and every copy follows, even in another app. Trying it, we fixed a component that left its words behind when you typed a new position, a menu that named the command differently from everywhere else, and text that started out in the wrong font.
Graphic Designer
A component that looks different when pointed at, or in a state your screen decides, and an interface each copy is given: properties it shows and events it raises. Drawn, not coded, and nothing runs when the pointer moves.
Graphic Designer
One Studio app that holds your parts, a toggle, a field that says when it's wrong, a dropdown, and every other app in the environment places them. Change a part in the library and the apps that use it are brought up to date.
Graphic Designer
Undo and redo in the Graphic Designer go back one action at a time, a hundred deep. Export turns any part of a drawing into an image, an SVG, or HTML and React code you can take away.
