Questions tagged [react-sketchapp]

A javascript API for rendering React.js components in Sketch

Links:

8 questions
3
votes
3 answers

Rendering default HTML and CSS to Sketch with react-sketchapp

I've was testing the react-sketchapp which looks pretty neat so far. Besides rendering the default sketch elements like Text,View,Image and so on, would it be possible to render a default react component containing HTML-Markup styled with scss? I…
Manu Schiller
  • 3,256
  • 2
  • 11
  • 13
2
votes
1 answer

Creating universal React components

We're trying to create a common UI component library for both our designers and developers with React. In other words - we want to render our component library to both react-dom and react-sketchapp. We would love to specify the structure once, the…
Kris Selbekk
  • 7,438
  • 7
  • 46
  • 73
1
vote
0 answers

Components with fontweight css rule in style definition results in a typescript error: No overload matches this definition error

I'm setting up react-sketchapp using the basic-setup-typescript example. The example application is not compiling due to an type error related to styling. It looks like Text and View components with the fontweight css rule in style definition…
rakitin
  • 1,943
  • 6
  • 25
  • 51
1
vote
1 answer

Problems with React SketchApp in Lerna monorepo with yarn workspaces

I've been working on a PoC monorepo for a designsystem where I've tried to render components to sketch using react primitives + react sketchapp. I'm using Lerna in combination with yarn workspaces for managing dependecies for the different packages…
1
vote
0 answers

Dynamic Buttons and Text symbols with alignment "Auto" not "Fixed" in React-Sketch app

Maybe someone could help out a react-sketchapp beginner here. Working off of the great examples Symbols and Styleguide code base, I've been able to start my own styleguide to use at work. My question is, how do I get the text, once rendered in…
aruffo3
  • 55
  • 4
0
votes
1 answer

Create a chart inside a component/view?

Im wondering if anyone knows how to create a chart (with fake data to use as a symbol) with this tool. maybe a starting point would be something like: class Chart extends Component { componentDidMount() { new highcharts.Chart({ …
0
votes
3 answers

How to add text style to some characters in between a Text

I am looking for a work around to this React-SketchApp bug. At time of posting this, my solution was to use flexbox on text that's not nested and give it the appearance that it's nested. This is a word
0
votes
1 answer

Combine react-sketchapp with regular sketch editing?

I've been playing a little with react-sketchapp, trying to understand its capabilities. I love the idea that basic components can be captured in code and dropped into Sketch for further editing...but as I look through the docs and examples, I'm not…
Dave Feldman
  • 104
  • 1
  • 9
  • 28