Make components more responsive by utilizing column widths from set grid layouts, or using percentages

I would love a way to make designs more responsive, especially when showing the final designs in the prototype mode, by being able to set widths of certain components based on number of columns if using a preset grid layout, or even percentage of the frame the component is in. Auto-layout is great and almost there in helping designs become more responsive in prototype view, but it can be enhanced even more by being able to set certain widths or rules based on screen size. For example, I am creating a dashboard layout, and certain cards on the dashboard are 25% width, or 3 columns of a 12 column grid layout, and then will resize to 50% width when the screen size goes to a tablet screen size. This would help in communicating how components and designs reflow based on screen sizes.