You can change the axes on the component so they align with the geometry. Right click on one component, choose Change Axes. Click to set the origin, then the red, and finally the green axis.
Personally, I would just draw the rafter in the desired location and at the required angle, make it a component and set the component axes appropriately. Then the rafter is correctly positioned with less opportunity for error and with less work.