Work out wireframe element count instantly with clear inputs, formula shown and shareable results.
Total work is screens times elements per screen times the number of states each element needs, converted to hours at the per-state design rate. States are the hidden multiplier: default, hover, focus, disabled and error turn an 18 element screen into 90 pieces of work.
Work items
states = screens x elements per screen x states per element
Hours
hours = states x minutes each / 60
states = screens x elements per screen x states per element. Total work is screens times elements per screen times the number of states each element needs, converted to hours at the per-state design rate.
States are the hidden multiplier: default, hover, focus, disabled and error turn an 18 element screen into 90 pieces of work.
Enter number of screens, interactive elements per screen, states per element, minutes to design one element state. The defaults shown are a realistic worked example — swap in your own figures to get a result you can use.