My feedback thread

Question

I started working on my personal portfolio website today with Reflow, so this thread is dedicated to everything that I find unintuitive in Reflow or feature requests I would like to see implemented.
Font Aliasing is really bad.
I miss a zoom tool!
Shortcuts to change leading, tracking, etc. just like in InDesign would be much appreciated!
Being able to scale elements by dragging with the selection tool would be nice - maybe use a dedicated scale tool.
Re-Arranging the DOM in the inspector would be great. Currently there is no way to re-arrange it?
Elements align differently if you have images embedded. I tried positioning menu buttons with a pixel margin-left. But with images included they had the marging always aligned relative to the image(s) - why? This made the menu scale totally wrong on a rescale of the viewport, because some of the menu button margins are aligned relative to some image, that doesn't relate to the menu at all.
Ability to choose all fonts on your system.
Ability to choose all fonts from Typekit (you are allowed to use with your Adobe account).
Select multiple elements and change their units from % to px or any other unit. Currently you have to select each element seperately - takes a lot of time just for four elements.
Guidelines and Smart Guides.
Dragging with shift should lock horizontally and vertically.
Enable copy & paste.
Automatically switch to styling (Tab) when selecting text (not the box itself). Obviously I want to edit text properties when I select it.
Selecting multiple elements and dragging them only moves one element. Should drag all of them. Only workaround at the moment is by grouping them together.
Grouping has no visual indicator that elements are grouped.
Double-click on a group to get the seperate elements like in InDesign would be nice.
In the media query bar show the exact pixel width. You can't be 100% sure if you are at 950 or 952 or 951. Also, a numerical input field would be appreciated. I know you can drag around the corresponding media query, but you have to be very precise to match the right width.
Ctrl drag over a input to use a slider, just like in Photoshop. Changing values takes too much time for fast design prototyping.
Ability to insert media query dependent line breaks. That is very important, because Reflow is intended to design the responsive web. Although not everyone takes the effort for every project to assign different line breaks for every media query, some do for very important projects - like in my case the portfolio, which just has very few text, which is why optimization with line breaks is possible.
Match height/width always takes the biggest width. It should take either the first selected one's, the last selected one's, or an active one like in Illustrator.
The ability to scale elements proportionally would be nice. For example, I have a row of four navigation buttons. As soon as I reach a too small media query I want to scale them proportionally. I assign a percent width so they scale to fit as much as possible, but their height stays the same. Having an option to scale the height in proportion would be nice. I know you can almost 100% simulate this with paddings on your text and setting your outer element to height:auto; but it's not a 100% match of proportional scaling.
Scaling with the alt key should scale around the center point.

Answer 1

Thank you very much for your feedback. Will comment inline.
Font Aliasing is really bad. We leverage Chrome itself for the application design surface so all fonts should identical to Chrome on your desktop.
I miss a zoom tool!  Bottom right corner (canvas zoom) not sufficient?
Shortcuts to change leading, tracking, etc. just like in InDesign would be much appreciated! (Backlog item pending).
Being able to scale elements by dragging with the selection tool would be nice - maybe use a dedicated scale tool.  (Will consider the idea thanks.).
Re-Arranging the DOM in the inspector would be great. Currently there is no way to re-arrange it? (Backlog item pending but for in-flow items dragging will re-order dom siblings).
Elements align differently if you have images embedded. I tried positioning menu buttons with a pixel margin-left. But with images included they had the marging always aligned relative to the image(s) - why? This made the menu scale totally wrong on a rescale of the viewport, because some of the menu button margins are aligned relative to some image, that doesn't relate to the menu at all. (Possibly dom order issue?  Can you file an issue on Edge Reflow github?)
Ability to choose all fonts on your system. (Conscious decision, as we only allow fonts compatible with web).
Ability to choose all fonts from Typekit (you are allowed to use with your Adobe account). (Backlog item pending).
Select multiple elements and change their units from % to px or any other unit. Currently you have to select each element seperately - takes a lot of time just for four elements. (Will file a bug.).
Guidelines and Smart Guides. (Backlog item pending).
Dragging with shift should lock horizontally and vertically. (Backlog item pending).
Enable copy & paste. (Backlog item pending).
Automatically switch to styling (Tab) when selecting text (not the box itself). Obviously I want to edit text properties when I select it.
Selecting multiple elements and dragging them only moves one element. Should drag all of them. Only workaround at the moment is by grouping them together. (Backlog item pending).
Grouping has no visual indicator that elements are grouped. (Backlog item pending).
Double-click on a group to get the seperate elements like in InDesign would be nice. (Backlog item pending).
In the media query bar show the exact pixel width. You can't be 100% sure if you are at 950 or 952 or 951. Also, a numerical input field would be appreciated. I know you can drag around the corresponding media query, but you have to be very precise to match the right width. (Bug already filed).
Ctrl drag over a input to use a slider, just like in Photoshop. Changing values takes too much time for fast design prototyping. (Backlog item pending).
Ability to insert media query dependent line breaks. That is very important, because Reflow is intended to design the responsive web. Although not everyone takes the effort for every project to assign different line breaks for every media query, some do for very important projects - like in my case the portfolio, which just has very few text, which is why optimization with line breaks is possible. (Can you be more specific, this something that can be done with pure CSS)?
Match height/width always takes the biggest width. It should take either the first selected one's, the last selected one's, or an active one like in Illustrator. (Will open issue though I believe we followed Illustrator here, possibly not).
The ability to scale elements proportionally would be nice. For example, I have a row of four navigation buttons. As soon as I reach a too small media query I want to scale them proportionally. I assign a percent width so they scale to fit as much as possible, but their height stays the same. Having an option to scale the height in proportion would be nice. I know you can almost 100% simulate this with paddings on your text and setting your outer element to height:auto; but it's not a 100% match of proportional scaling.  (Backlog item pending)
Scaling with the alt key should scale around the center point. (Backlog item pending)