This interactive design app is really amazing. Still in beta when writing these lines (macOS only, Windows coming soon), it seems that it will definitely break the rules.

If your are used to Sketch or Figma, you won’t have any problems to take control over Framer X workflow. If Framer already was a very great tool, Framer X is “the” tool.

The best thing about Framer X is that everything you create visually, is really a component, a React component, so you will be able to edit and export the generated code.