inflearn logo

[Cập nhật UI3] Xây dựng hệ thống thiết kế bằng biến Figma

Cùng nhau xây dựng hệ thống thiết kế bằng cách tận dụng các biến trong Figma với giao diện UI3 mới nhất🔥 Biến là chìa khóa🔑 để mang lại trải nghiệm người dùng nhất quán và cải thiện một cách đột phá quy trình thiết kế.

(4.9) 196 đánh giá

1,533 học viên

Độ khó Cơ bản

Thời gian Không giới hạn

figma variable
figma variable
Figma
Figma
Figma Tokens
Figma Tokens
Design System
Design System
Atomic Design
Atomic Design
figma variable
figma variable
Figma
Figma
Figma Tokens
Figma Tokens
Design System
Design System
Atomic Design
Atomic Design

Tin tức

8 bài viết

  • bolduxlab님의 프로필 이미지

    Xin chào các em học sinh,

    Bạn có kỳ nghỉ Tết Nguyên Đán vui vẻ không?

    📢 Thông tin cập nhật bài giảng

    📅 Ngày 5 và 6 tháng 2 (Thứ tư và Thứ năm) từ 2:00 sáng đến 6:00 sáng theo giờ Hàn Quốc

    Trong thời gian này, các bài giảng sẽ được cập nhật đầy đủ. Xin lưu ý rằng các bài giảng hiện có có thể được kiểm tra trong phần cuối cùng (Phần 16) cho đến giữa tháng 3.

    🔹 Bản cập nhật này có gì?

    Cải thiện chất lượng âm thanh – Điều chỉnh âm lượng và tốc độ ở mức phù hợp.

    Cập nhật phiên bản mới nhất của UI3 – Tất cả các bài giảng đã được cập nhật lên phiên bản mới nhất.

    Đã thêm các biến thể kiểu chữ - ( Độ khó cao, vì vậy chúng tôi khuyên bạn nên xem nhiều lần! )

    Cải tiến hướng dẫn thành phần – Thêm nút biểu tượng và nút xếp chồng.

    Thêm hướng dẫn về chỗ giữ ảnh – Giải thích cách sửa tỷ lệ trái-phải bằng plugin.

    vân vân.

    🎯 Khóa học khởi động Inflearn dự kiến ​​sẽ diễn ra vào tháng 3! [Tuyển dụng có thể sẽ bắt đầu vào tuần tới.]

    Nếu bạn muốn tìm hiểu giao diện UI3 và hoàn thành khóa học, hãy tham gia cùng chúng tôi!

    Chúng tôi rất cần sự giúp đỡ của bạn.

    Chúng tôi đã cố gắng hết sức để xem xét nội dung, nhưng có thể có vấn đề như bài giảng chưa được biên tập đầy đủ hoặc màn hình đen. Nếu bạn thấy có bất kỳ thiếu sót nào khi xem bài giảng, vui lòng gửi phản hồi đến địa chỉ email bên dưới trong vòng một tháng. Cảm ơn bạn.

    📩 Liên hệ: boldplus.ux@gmail.com

    Cảm ơn 😊

    0
  • bolduxlab님의 프로필 이미지

    Xin chào,

    Khi tháng 9 sắp kết thúc, năm 2024 cũng sắp kết thúc.

    Vào tháng 10, Infron Warm-up bắt đầu và chúng tôi đã cập nhật hai bài giảng vào cuối tuần.

     

    1. Phần 3: Cách đăng ký icon và thủ thuật với chiến thuật Ant-Man
    Kể từ khi khóa học mở ra, chúng tôi đã nhận được hơn 30 câu hỏi liên quan đến biểu tượng. Chúng tôi đã chuẩn bị một bài giảng để trả lời những câu hỏi này. Đặc biệt, chúng tôi sẽ đề cập đến cách giải quyết vấn đề biểu tượng bị hỏng trong Figma bằng chiến lược Ant-Man. Nội dung này đã nhận được sự hưởng ứng rất lớn trong buổi giảng đặc biệt đầu tiên. Các bài giảng biểu tượng cũ hiện có sẽ được duy trì đến tháng 10 và sau đó sẽ bị xóa.

     

    2. Phần 14: Figma UI3: Có gì thay đổi so với UI2 hiện tại?
    Chúng tôi đã tải lên lại một bài giảng UI2 mới có vấn đề về chất lượng âm thanh. Ngoài ra, các bản cập nhật giao diện người dùng được thực hiện trong tuần qua đã được phản ánh và đưa vào bài giảng.

     

    Chúng tôi cũng có kế hoạch tải lên một bài giảng về Biến kiểu chữ (phiên bản UI3) vào cuối tháng 10 và để đáp ứng nhiều yêu cầu về một bài giảng cơ bản về figma, chúng tôi đang chuẩn bị khai giảng vào đầu năm sau.

     

    Ngoài việc cập nhật các bài giảng hiện có, chúng tôi sẽ chăm chỉ chuẩn bị các bài giảng bổ sung trong tương lai.

    Cảm ơn

    2
  • bolduxlab님의 프로필 이미지

    Xin chào các bạn sinh viên!

     

    Bạn có một lễ Chuseok ngon chứ? Có ba cập nhật cho khóa học này:

     

    1. Tuyển dụng câu lạc bộ khởi động Infron

    Như đã thông báo qua Discord, Câu lạc bộ khởi động Infron sẽ tuyển dụng cho đến ngày mai ngày 24. Nếu bạn chưa hoàn thành khóa học, chúng tôi khuyên bạn nên tham gia và hoàn thành khóa học cùng nhau.
    https://inf.run/Qg5iV

     

    2. Bài giảng cập nhật liên quan đến UI3

    Buổi giảng trực tiếp <Figma UI3: Phân tích những gì đã thay đổi trong UI2> tổ chức cuối tháng 8 đã được quay lại và biên tập, cập nhật ở phần 14. Nếu bạn là một người bướng bỉnh hoặc quan tâm đến UI3, hãy nhớ xem thử.

    3. Bài giảng sự kiện thực hành tốt nhất

    Tôi rất tự hào khi thấy những ví dụ điển hình về những người áp dụng khóa học này vào công việc thực tế hoặc tạo ra các plug-in.

    Vì vậy, chúng tôi muốn thu thập những tấm gương điển hình mà bạn gửi cho chúng tôi và trao giải thưởng. Trong khi suy nghĩ về những sản phẩm xuất sắc, tôi muốn cung cấp chiếc áo phông của Son Heung-min, chiếc áo đã được đề cập trong ý tưởng mã thông báo của tôi.

    • Siêu phẩm: Áo đấu Tottenham sân nhà, sân khách của Son Heung-min

    • Thời gian áp dụng: Đến hết tháng 2 năm 2025

    • Định dạng: PDF, file figma - định dạng và độ dài không quan trọng

    • Bài dự thi: Vui lòng gửi về địa chỉ boldplus.ux@gmail.com .

     

    0
  • bolduxlab님의 프로필 이미지

    Xin chào, đây là Bold.

    Lần này, tôi tham gia với tư cách là huấn luyện viên cho bài giảng về hệ thống thiết kế tại Câu lạc bộ khởi động Infron.

    < Xây dựng hệ thống thiết kế sử dụng Figma Variable>

     

    lợi ích

    • Đây là nhóm nghiên cứu sẽ dẫn dắt các bài giảng từ đầu đến cuối trong suốt tháng 5 dưới sự lãnh đạo của người chia sẻ kiến ​​thức Bold và sẽ được tổ chức trong cộng đồng Discord.

    • Sau khi hoàn thành, bạn sẽ nhận được giải thưởng (30.000 lá) do Infrun chuẩn bị , đồng thời giải thưởng đặc biệt sẽ được trao cho những vận động viên chạy xuất sắc.

    • Học viên có thể tham gia miễn phí , vì vậy chúng tôi khuyến khích bạn tận dụng cơ hội này để hoàn thành khóa học và tận hưởng nhiều lợi ích.

    • Ngoài ra còn có phiếu giảm giá 30% nên nếu bạn bè nào quan tâm thì vui lòng cho chúng tôi biết (xem link bên dưới).

     

    thông báo

     

    Nếu bạn có bất kỳ câu hỏi nào, xin vui lòng gửi email cho tôi bất cứ lúc nào.

    in đậm.ux@gmail.com

    Cảm ơn giấc mơ táo bạo.

    0
  • bolduxlab님의 프로필 이미지

    Xin chào, đây là Bold.

    Tin này là về việc chia sẻ tóm tắt phần lý thuyết của bài giảng .

    Link nằm ở mục 0 [Chia sẻ file tóm tắt] .

     


    📝 Lý do thực hiện

    Sau khi đọc các đánh giá và khảo sát khóa học, đã có rất nhiều ý kiến ​​như sau.

    Bài giảng này có thực sự hữu ích cho công việc thực tế không, nhưng lúc đầu nó quá khó nên mình nghĩ sau khi học xong sẽ phải nghe lại 2-3 lần mới nắm bắt được.

    Để giúp học sinh chuẩn bị và ôn tập, chúng tôi đã xây dựng phần tóm tắt phần lý thuyết của bài giảng theo dạng Notion . Chúng tôi cũng đã tổng hợp các câu hỏi thường gặp (chủ yếu về biểu tượng).

     

    🎯 Biện pháp phòng ngừa

    Vui lòng không sao chép hoặc sao chép vì vấn đề bản quyền. Nếu bị phát hiện, bản tóm tắt sẽ bị xóa. Xin các sinh viên khác hãy quan tâm.

     

    🎉 Hoàn thành sự kiện

    Chúng tôi sẽ chia sẻ bản PDF tóm tắt khóa học này với những người đã hoàn thành khóa học và hoàn thành việc đánh giá/khảo sát khóa học.

    Chúng tôi yêu cầu sự tham gia của bạn.

     


     

    Chúng tôi sẽ cố gắng cung cấp các bài giảng giúp bạn phát triển.

    Giấc mơ táo bạo.

    2
  • bolduxlab님의 프로필 이미지

    Đã chỉnh sửa

    Chúng tôi sẽ thông báo cho bạn về việc cập nhật tuyển dụng và bài giảng cho kỳ học thứ 2.


    Chúng tôi đang tuyển dụng cho kỳ nghiên cứu thứ hai vào tháng 1 năm 2024.

    Chúng tôi hiện đang ở giai đoạn đầu tiên và chúng tôi đang phá vỡ các biến thể cùng với các sinh viên đã tham gia.

    Tổng kết thành tích nổi bật trong 4 tuần của nhóm đầu tiên,

    • Hơn 180 bức ảnh chứng minh

    • Trung bình mỗi người hoàn thành 21 lớp

    • Sự hài lòng 4,8/5

    imageimage

    Nếu bạn muốn tham gia giai đoạn thứ hai, vui lòng đến cộng đồng Slack và đăng ký tham gia trước ngày 1 tháng 1.


    Tóm tắt cập nhật biến

    Chúng tôi đã tổ chức một sự kiện biến thể trên Instagram. Nếu bạn tò mò về toàn bộ bản cập nhật, vui lòng tham khảo liên kết Notion chứa video YouTube.

    https://candied-bowl-4a6.notion.site/12-639103a61e5f4889b4ba61aa21e105ce

    Tổng cộng có bốn video bổ sung sẽ được cập nhật trên Infron liên quan đến bản cập nhật này vào ngày 1 tháng 1 năm sau.

     

    tăng bài giảng năm 2024

    Các bài giảng sẽ được tăng lên vào năm 2024. Sẽ không có tác động gì cả đối với những người hủy bài giảng. Nếu xung quanh bạn có ai quan tâm đến khóa học này, vui lòng cho chúng tôi biết vì đây là cơ hội tuyệt vời để mua nó với giá ưu đãi trước ngày 31 tháng 12 .

    Cuối cùng, như các bạn đã biết, tốc độ cập nhật của Figma cực kỳ nhanh. Tôi sẽ tiếp tục phát triển các bài giảng của mình phù hợp với những thay đổi này và cố gắng giúp bạn phát triển.

    Cảm ơn

    Giấc mơ táo bạo.

    1
  • bolduxlab님의 프로필 이미지

    Đã chỉnh sửa

    Xin chào. Thật táo bạo.

    Đã một tháng kể từ khi khóa học khai giảng. Nhiều người hiện đang nghe bài giảng và buổi học đầu tiên đang diễn ra sôi nổi trên kênh Slack.

    Hôm nay, tôi muốn thông báo cho bạn về những cập nhật về các sự kiện và bài giảng .

     


    Thông tin sự kiện: Coffee chat miễn phí 30 phút dành cho học viên đã hoàn thành 80% khóa học

    Bài giảng trực tuyến có ưu điểm là có thể học bất cứ lúc nào nhưng thường khó học một mình. Vì vậy, để giúp đỡ bạn, chúng tôi xin tổ chức buổi trò chuyện cà phê miễn phí trị giá 50.000 won cho những ai đã nghe hơn 80% câu hỏi.

    Đây là những gì tôi có thể giúp bạn:

    • xem xét danh mục đầu tư

    • việc làm ở nước ngoài

    • Tư vấn mối quan tâm nghề nghiệp

      Nếu bạn cần trò chuyện cà phê trực tuyến, vui lòng liên hệ đậmplus.ux@gmail.com .

      Chúng tôi sẽ làm việc chăm chỉ cho đến khi bạn trở nên mạnh mẽ.

     


    cập nhật tin tức

    Hôm qua đã có một bản cập nhật lớn cho Figma Variable. Chúng tôi hiện đang tổ chức một sự kiện liên quan đến vấn đề này trên Instagram và chúng tôi dự định đăng các video và tài liệu liên quan đến cập nhật trên Infron vào tuần tới.

    Khi bài giảng được cập nhật, chúng tôi sẽ đăng thông báo lại.

     

    [Tóm tắt cập nhật] Đây chủ yếu là bản cập nhật liên quan đến biến thể số.

    • Bán kính góc riêng lẻ: Đăng ký biến 'góc tròn' tại bất kỳ vị trí nào

    • Hiệu ứng, Độ mờ của lớp : Đăng ký các biến thể về hiệu ứng và độ trong suốt

    • Grid, Stroke : Đăng ký biến trong lưới và đường viền

    • Cuối cùng, kết nối biến với thể hiện ,

      Chúng tôi sẽ giải thích cách sử dụng nó một cách chi tiết thông qua một vài ví dụ.

     

    0
  • bolduxlab님의 프로필 이미지

    Nhiệm vụ tạo ra 30 thành phần có vẻ khó khăn?

    Nếu vậy, bảng tính này sẽ giúp bạn.

    Hướng dẫn sử dụng bảng tính: Phần 3 Bài 2 - Chia sẻ bảng tính thành phần Beta

    Xin chào! Chúng tôi chia sẻ Bản Beta của Bảng tính Thành phần trong Phần 3 Bài 2. Bảng tính này sẽ giúp bạn theo dõi bài học, theo dõi tiến độ của bạn trong việc tạo các thành phần và cung cấp cho bạn sự trợ giúp mà bạn cần. Nó chỉ chứa những phần đã học trong bài giảng hiện tại. Hãy để lại bình luận nếu có gì thiếu sót hoặc cần chỉnh sửa.

    Hướng dẫn sử dụng:

    1. Hãy sao chép và sử dụng bảng tính.

    2. Sử dụng bảng tính để tạo các thành phần theo bài giảng.

    3. Nếu file gốc có vấn đề hoặc cần chỉnh sửa gì đó, vui lòng để lại nhận xét về file gốc.

    Thông tin về Thử thách Cộng đồng: Nếu tham gia vào cộng đồng, bạn sẽ có cơ hội cùng nhau tạo ra các thành phần thông qua các thử thách hàng tháng. Hãy tham gia cùng chúng tôi trên hành trình học tập và cùng nhau phát triển!

    Nếu bạn cần trợ giúp hoặc có bất kỳ câu hỏi nào, xin vui lòng để lại nhận xét. Chúng tôi hy vọng bạn có một hành trình Figma vui vẻ!

    0

Ưu đãi có thời hạn, kết thúc sau 3 ngày ngày

3.127.590 ₫

24%

4.140.333 ₫