Where the design community meets.
Designer and Developer Joined over 6 years ago
Hey DN! I made a guide for designers who are interested in learning SwiftUI.
There are a few things that were introduced when SwiftUI was announced that make it a great option for designers.
Live Preview. Before Live Preview you needed to build your app each time you wanted to view a UI change. While this is fine for many software engineers, it makes visual changes slow and tedious. SwiftUI came with a visual representation of your views that updated in real time, similar to other design tools. It’s not instant, but it’s a big leap forward.
Full Platform Support SwiftUI is supported on all the apple platforms. iOS, WatchOS, MacOS, iPadOS, and tvOS apps can all be built using the framework.
Knowledge Carryover If you’re familiar with web frameworks like React.js, or concepts FlexBox, or auto-layout there’s a lot of carryover to working with SwiftUI. The fact that it has a declarative syntax means you can do a lot with a very little amount of code. It feels productive. I’ve found that layout system is much more intuitive than the constraint systems that were used before.
I made this guide because most resources I found were tailored to engineers.
Happy to answer questions if you've thought about jumping in!
Hey Jacob, I think there was a bug with the site cache. Is it working for you now?
You can already use storybook with react. Here's a few links to check out if you're interested in react/figma integration:
In addition, there are some more links you might find interesting under the "Library" tab here: https://react.design/links
There might have been a cache bug. Is it working for you now?
Just shipped a redesign of the React for Design landing page.
Instead of creating static marketing assets I used react to create interactive lesson examples.
I wrote some of the details in this thread: https://twitter.com/philipcdavis/status/1276568861521743873
Would love to hear what you think!
Hey Igor, glad to hear! Nothing planned yet, but it’s good to hear there’s interest in additional topics.
Hi Stan, I added a FAQ section with answers to at least one of your questions. The lessons titles cover the concepts taught in the course. Hope that clears things up some. if there's anything else I can do to make it clearer let me know.
Thanks again for your feedback!
Hi Dave, thanks for the feedback. I'm working on a FAQ section now. To answer your question, This course assumes some baseline web development experience. If you've used the terminal, HTML, CSS, or JS then learning React is very doable. Even if you don't feel like you know enough, you end up learning a lot about all these technologies as you learn React.
I wrote an article on getting started with React. If you've done the two things in the article mentioned in the article, you are probably ready for the course.
UPDATED: I added a FAQ section to the page
Thanks for the feedback Stan. I’ll try to add more content in the future. Any questions in particular you wanted answered?
@ben good points — I like your examples of paper, sketch and react. These tools communicate at different levels of fidelity. Depending on your style or the requirements of your team you might not need to design at each level of fidelity.
Where the design community meets.
Designer News is a large, global community of people working or interested in design and technology.