The future of design and code

Ойын-сауық

Download Codux for free:
codux.hopp.to/mizko
⚡️ Timestamps:
00:00 - Current landscape of UX Design & Development
00:25 - Biggest headache when designers and developers collab
01:05 - A new app that bridges designers and developers
01:30 - Codux tutorial for beginners
01:55 - Codux dashboard
02:10 - Create a new project
02:45 - Project dashboard
04:14 - Edit live components (real use-case)
05:35 - Edit borders
05:50 - Edit corner radius
06:50 - Edit font size
07:05 - Ability to change CSS directly
07:40 - Commit changes
09:00 - Connect local store with Wix Headless
10:40 - Add new products to our store
12:52 - Final thoughts
---
Become a highly-demanded Product (UX/UI) designer with me:
Learn My Real-world End-to-end UX/UI Design Process (NEW! 100+ students)
👉 www.thedesignership.com/cours...
Master Figma with my Ultimate Figma Design Masterclass (7,000+ students)
👉 thedesignership.com/courses/t...
Practical UX Research & Strategy Masterclass (700+ students)
👉 thedesignership.com/courses/p...
Shipfaster UI - Advanced Figma Design System (3,000+ designers)
👉 thedesignership.com/products/...
Outline - Figma Wireframe Kit (500+ designers)
👉 www.thedesignership.com/produ...
Follow me on IG (Daily updates):
👉 / themizko
---
Follow and learn with me:
Become a legendary designer: thedesignership.com
Personal portfolio: mizko.net
Instagram: / themizko
LinkedIn: / mizko

Пікірлер: 36

  • @NMYSTH
    @NMYSTHАй бұрын

    If you're a UI Designer you 100% should get more comfortable with front-end languages and frameworks. Its not to say you should become a developer, but even just knowing the basics of HTML, CSS, JS and front-end libraries has helped me so much in making better designs and working more effectively with devs.

  • @Mizko

    @Mizko

    Ай бұрын

    Couldn’t agree more!

  • @leandrosilva6414
    @leandrosilva6414Ай бұрын

    I was looking for something like this for a while! Very interesting! Subscribed!

  • @Mizko

    @Mizko

    Ай бұрын

    🙏

  • @StuckCreative
    @StuckCreativeАй бұрын

    Great vid! The future of design work is definitely positioning ourselves to contribute directly to the code base.

  • @Mizko

    @Mizko

    Ай бұрын

    We’re definitely getting there!

  • @SjarMenace
    @SjarMenaceАй бұрын

    So basically webflow and framer but you can export the code and are not stuck to their platform

  • @Mizko

    @Mizko

    Ай бұрын

    Webflow and Framer are website builders. Codux is not a website builder. It's a no-code tool, that designers can use to make changes to 'real code'. Developers will push their code to a Github repo, then designers can pull the code down with Codux and make changes to the 'live code' with their no-code interface. The responsibilities are getting blurrier! In a few years time... designers are going to become part engineers.

  • @SjarMenace

    @SjarMenace

    Ай бұрын

    @@Mizkoaha okay! Can you please tell me what plugin or whatever you are using or those smooth cursor movements that stop perfectly on every item and have consistent movement. I could not find any tutorial or plugin for this

  • @nemethricsi

    @nemethricsi

    Ай бұрын

    @@Mizko Yeah as a developer I am not sure I want that :D

  • @uifry
    @uifryАй бұрын

    Amazing :)

  • @Mizko

    @Mizko

    Ай бұрын

    Pretty cool aye 🙏

  • @gio3612
    @gio3612Ай бұрын

    Sounds nice, I have many questions... can you import components from a design system? De you have to change manually all the numbers?

  • @McCloud23892
    @McCloud23892Ай бұрын

    Sick!

  • @Mizko

    @Mizko

    Ай бұрын

    🫰

  • @SzabatDesign
    @SzabatDesignАй бұрын

    Nice hairstyle! :D

  • @Mizko

    @Mizko

    Ай бұрын

    Haha! I haven’t changed it or have I?

  • @robertopatron2132
    @robertopatron2132Ай бұрын

    Should be great if Figma have some function like this or via plugin

  • @rodnem
    @rodnemАй бұрын

    Ok but you started with some component sections in your project. How were they imported ?

  • @Mizko

    @Mizko

    Ай бұрын

    Go to 01:55 of the video - this is a demo project. If you are part of a team you can connect Codux with the team's Github repo to pull down their components.

  • @keevetan3518
    @keevetan3518Ай бұрын

    what is the difference between framar and codux?

  • @Mizko

    @Mizko

    Ай бұрын

    Everything 😂 Framer is a no code website builder, Codux allows you to build and manage code with a no code interface for existing web apps and sites

  • @jassiljamaludhin9215
    @jassiljamaludhin9215Ай бұрын

    Can all this be possible if you don’t have a design system as a team?

  • @Mizko

    @Mizko

    Ай бұрын

    Generally most modern day apps and tech stacks are built with components. Depends on what tech stack the team’s using

  • @setupgraphics6975
    @setupgraphics697522 күн бұрын

    Hello Mizko. How should I register in thedesignership to buy the courses? Could you please help me? Thanks.

  • @Mizko

    @Mizko

    21 күн бұрын

    Hey there! Head over to thedesignership.com and you can buy any of my courses there :) You buy the course and then will be asked to create an account.

  • @setupgraphics6975

    @setupgraphics6975

    21 күн бұрын

    @@Mizko Many, many thanks. :)

  • @KalvinPatel
    @KalvinPatelАй бұрын

    We need more Figma to Webflow vids 😭😭😭

  • @Mizko

    @Mizko

    Ай бұрын

    They’ll be coming!

  • @KalvinPatel

    @KalvinPatel

    Ай бұрын

    @@Mizko thanks! I'm bout to switch from Semplice/Wordpress to Webflow now. Just need a change

  • @thebelguinha
    @thebelguinhaАй бұрын

    I don't see any use of this without having any integrations and facilities... Seems like a tool who won't make it in the market tbh

  • @_313BADR
    @_313BADRАй бұрын

    why is the developer basic lol

  • @vollmerama
    @vollmerama29 күн бұрын

    terrible tool. UI sucks and its not useful.

Келесі