Logo

dev-resources.site

for different kinds of informations.

What Developers NEED to know when working with designs (video)

Published at
5/6/2021
Categories
ux
prototyping
uxpin
tutorial
Author
ania_kubow
Categories
4 categories in total
ux
open
prototyping
open
uxpin
open
tutorial
open
Author
10 person written this
ania_kubow
open
What Developers NEED to know when working with designs (video)

In this video, I show you how an app design is made Designer first, then Developer first. We will be using UXPin as this is a platform that will show us how to do both - http://bit.ly/UX-pinโ€‹.
In this crash course, we will go over what a Developer needs to know about prototyping in a small to large Company, and how to make the designer-developer handoff, as well as all the iterations much smoother.

0:00โ€‹ - Introduction
0:59โ€‹ - Working Designer first - the flow
3:49โ€‹ - Working Developer first - the flow
5:18โ€‹ - Creating Designs in UXPin
9:19โ€‹ - Commenting and collaborative work
10:43โ€‹ - Generating code from Designs
12:43โ€‹ - Designing Interactions
13:26โ€‹ - Importing coded U.I Components into UXPin Merge
14:47โ€‹ - Arranging Components
17:18โ€‹ - Passing props
19:37โ€‹ - GitHub Repositories
20:15โ€‹ - Conclusion


In most videos I use Tabnine as my A.I autocompletion tool. You can download it for free here: http://bit.ly/tabnine-top-toolโ€‹

If you would like to buy me a coffee, well thank you very much that is mega kind! : https://www.buymeacoffee.com/aniakubowโ€‹

Sign up for weekly coding tips from my newsletter partnership: https://bit.ly/JS-tipsโ€‹

You can also find me on:
Twitter: https://twitter.com/ania_kubowโ€‹
Instagram: https://instagram.com/aniakubowโ€‹

prototyping Article's
30 articles in total
Favicon
Launching AI Prototyping Projects
Favicon
Running AI Prototyping Projects
Favicon
Introducing AI Prototyping Projects
Favicon
MVP as an Excuse for Bad Code?
Favicon
AI-Driven App Prototyping: Speeding Up the Development Process
Favicon
Godot 2D & 3D Prototype Templates
Favicon
Flems.io
Favicon
Enhancing Collaboration in Development with Figma Prototypes
Favicon
The Significance of Information Architecture and Prototyping in UX | UX Series Part 4 of 6
Favicon
Designing the User Experience: User Journeys and Visual Design | UX Series Part 3 of 6
Favicon
PreVue 3.0: Vueโ€™s most visual prototyping tool yet
Favicon
Here's What You Need to Know About Virtual Prototyping on a VR System
Favicon
20 Questions on Product Validation
Favicon
What Makes Electronics Prototyping so Important for Successful Product Development?
Favicon
Figma: Components
Favicon
Couple of custom written prototype methods for TypedArrays in JavaScript
Favicon
Prototyping today is happening like this !
Favicon
What Developers NEED to know when working with designs (video)
Favicon
Tech prototyping tools and libs for backend web devs ๐Ÿ’ป๐Ÿš€๐ŸŒ
Favicon
Tech prototyping tools and libs for frontend web devs ๐Ÿ’ป๐Ÿš€๐ŸŒ
Favicon
Who wins the fight between Figma and Adobe XD?
Favicon
rapid prototyping with json file database
Favicon
Parabeac-Core v1.1โ€Š - Prototyping to Flutterย code
Favicon
Prototyping Javascript { }
Favicon
Tech Prototyping - 5 tips for developers
Favicon
Creating the unknown - What and what not to build in efficient prototypes
Favicon
Design Sprints - How we use it!
Favicon
Creating Demos with Svelte - Lessons Learned
Favicon
The Art of Validating Quickly
Favicon
A Lightweight React Library for creating clickable Prototypes

Featured ones: