: Sketch Export CSS workflow I'm looking to enhance my workflow for design websites with Sketch. I know Sketch has a built in ability to export CSS but it only exports the actual CSS atttubutes

I'm looking to enhance my workflow for design websites with Sketch.
I know Sketch has a built in ability to export CSS but it only exports the actual CSS atttubutes .

Is there a way to export the CSS namespaces to the name of the element it forms part of.

So if i design a button and call the group ".call-to-action-button" then the CSS would export like so.

.call-to-action-button{
background-color: green;
}

This approach would then rely on me diligently naming each part of the design to conform to my export approach.
Am I thinking about this the wrong way? Is there a better Sketch to CSS workflow I should be selling out.

10.01% popularity Vote Up Vote Down

: How do I export multiple SVGs from Illustrator? How do I export SVG images from multiple artboards in a batch process using Adobe Illustrator CC

@Frith110

Posted in: #AdobeIllustrator #Automation #Export #Svg

2 Comments

: Color show in Photoshop picker is not the same I manually introduced Using Photoshop 2014.2.0 Release on Windows, I created a new image with color mode RGB color - 8bit and color profile sRGB.

@Frith110

Posted in: #AdobePhotoshop #Color

1 Comments

: Flatten visible layers into a new one in Sketch Is there any way to create a new layer which is an image of the flattened visible layers? Basicly the equivalent of Photoshop's Command+Option+Shift+E

@Frith110

Posted in: #Flatten #Layers #SketchApp

2 Comments

: Illustrator: align objects by anchor point I'd like to align objects such that a single anchor point in each object are aligned, dragging the rest of each object with them. For example, going

@Frith110

Posted in: #AdobeIllustrator #Guides #IllustratorScripting #Path #Vector

3 Comments

Login to post a comment!

1 Comments

Sorted by latest first Latest Oldest Best

@Looi7658678

I believe it is not possible to make Sketch apply group names to CSS classes, because groups usually contain both image, text and surrounding divs and not a set of elements needed for developer.

However, the best way to get CSS out of .sketch file and share it with developers is (in my opinion) InVision's Inspector, which is available if you have Craft plugin. After you sync your .sketch file to the Invision, developers (you can share your design with developers for free) can download assets (if you set images to be exportable in Sketch), check elements vs grid (if you use grid in Sketch), check dimensions and paddings between elements and more

10% popularity Vote Up Vote Down

Feed

: Sketch Export CSS workflow I'm looking to enhance my workflow for design websites with Sketch. I know Sketch has a built in ability to export CSS but it only exports the actual CSS atttubutes

More posts by @Frith110

: How do I export multiple SVGs from Illustrator? How do I export SVG images from multiple artboards in a batch process using Adobe Illustrator CC

: Color show in Photoshop picker is not the same I manually introduced Using Photoshop 2014.2.0 Release on Windows, I created a new image with color mode RGB color - 8bit and color profile sRGB.

: Flatten visible layers into a new one in Sketch Is there any way to create a new layer which is an image of the flattened visible layers? Basicly the equivalent of Photoshop's Command+Option+Shift+E

: Illustrator: align objects by anchor point I'd like to align objects such that a single anchor point in each object are aligned, dragging the rest of each object with them. For example, going

Login to post a comment!

1 Comments

Back to top | Use Dark Theme