With Sketch 43, Design IS Code & Code IS Design(medium.com)

over 6 years ago from Viktor T, Visual Designer

  • Thomas Michael SemmlerThomas Michael Semmler, over 6 years ago

    so.. for example that button's text and icon in there has fixed dimensions and uses inline svg, not an svg sprite. How do you deal with turning this into a responsive component? I can already see absolutely positioned text in this scenario. And that svg, if the designer changes it, you'd have to manually update this entire component anyway, because it is not using a reference.

    I doubt the actual value of this, though I know what you mean. But if sketch does not understand flexbox or css grid layout, why would you trust its capability to interpret design into html and css, when not even designers get a say in this.

    0 points
    • Darrell HanleyDarrell Hanley, over 6 years ago

      You aren't obligated to use everything wholesale, you can pick and choose what content from the layer you want for your actual code, say the color, border-radius, or text alignment.

      You wouldn't manually update the component, you would programatically update it. You could also programmatically create an SVG sprite if that's the approach you want to take.

      The point here is that you can extract any data programmatically from the Sketch file and do with it whatever you please. A lot of this seems to be going over the heads of the design community for the time being, but what opportunities this provides for automation and tooling are astounding.

      0 points